当前位置:   article > 正文

解决:Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_util.parseArgs)的报错问题_new major version of npm available! 7.18.1 -> 10.5

new major version of npm available! 7.18.1 -> 10.5.2

报错信息:

Vue.js - The Progressive JavaScript Framework

TypeError: (0 , import_node_util.parseArgs) is not a function
at init (C:\Users\Administrator\AppData\Local\npm-cache_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4481:72)
at Object. (C:\Users\Administrator\AppData\Local\npm-cache_npx\2f7e7bff16d1c534\node_modules\create-vue\outfile.cjs:4862:1)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions…js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
at node:internal/main/run_main_module:17:47

报错截图

image-20240410090005836

解决办法:

修改nodejs版本后,就不会报错了。

(每次在创建vue项目或者使用npm的时候,有些莫名其妙的报错,很多时候都是因为nodejs版本不对导致的。)

image-20240410090113120

一、NVM和Node.js安装

NVM 是 Node Version Manager(Node 版本管理工具)的缩写,是一个命令行工具,用于管理和切换到不同版本的 Node.js。

1、前往 nvm-windows 仓库,然后单击立即下载

img

2、下载最新版本

img

3 、按照安装向导进行安装

img

img

4、打开 PowerShell 或命令提示符并运行 nvm -v 以确认安装

img

5、以管理员身份打开并运行PowerShell

img

6、安装Node.js

安装 Node 的长期支持(LTS)版本更好,因为它的 bug 更少

img

要安装特定版本的 Node,你需要先运行 nvm list available,以便查看可用的 Node 版本。

img

要安装该特定版本,请运行 nvm install node-version-number,例如,nvm install 14.20.0

img

7、查看Node.js是否安装成功

img

二、创建Vue3项目

1、通过Vite方式创建项目

D:\01-study\vue3\vue01>npm create vue@latest



Need to install the following packages:



create-vue@3.9.2



Ok to proceed? (y) y



 



Vue.js - The Progressive JavaScript Framework



 



√ 请输入项目名称: ... hello_vue3



√ 是否使用 TypeScript 语法? ... 否 / 是



√ 是否启用 JSX 支持? ... 否 / 是



√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是



√ 是否引入 Pinia 用于状态管理? ... 否 / 是



√ 是否引入 Vitest 用于单元测试? ... 否 / 是



√ 是否要引入一款端到端(End to End)测试工具? » 不需要



√ 是否引入 ESLint 用于代码质量检测? ... 否 / 是



 



正在构建项目 D:\01-study\vue3\vue01\hello_vue3...



 



项目构建完成,可执行以下命令:



 



  cd hello_vue3



  npm install



  npm run dev



 



npm notice



npm notice New minor version of npm available! 10.2.4 -> 10.4.0



npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.4.0



npm notice Run npm install -g npm@10.4.0 to update!



npm notice
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113

img

三、 Vue3工程目录和文件说明

**1、**插件安装

img

img

**2、**依赖安装

imgimg

img

**3、**入口文件

img

  • 启动项目,观察入口文件内容

img

img

4、工程配置文件

img

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/人工智能uu/article/detail/943681
推荐阅读
相关标签
  

闽ICP备14008679号