win10电脑npm run dev报错解决

出现错误前的操作步骤

  1. 初始化Vue项目
$ npm create vue@3.6.1
  1. 创建项目文件夹client
Vue.js - The Progressive JavaScript Framework

✔ Project name: › client
✔ Add TypeScript? › No
✔ Add JSX Support? › No
✔ Add Vue Router for Single Page Application development? › Yes
✔ Add Pinia for state management? › No
✔ Add Vitest for Unit Testing? › No
✔ Add ESLint for code quality? › No
  1. 安装依赖,运行开发服务
$ cd client
$ npm install
$ npm run dev

错误日志

日志路径:C:\Users\\AppData\Roaming\npm-cache_logs
日志详细:

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'dev'
1 verbose cli ]
2 info using npm@6.14.13
3 info using node@v14.17.1
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle client@0.0.0~predev: client@0.0.0
6 info lifecycle client@0.0.0~dev: client@0.0.0
7 verbose lifecycle client@0.0.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle client@0.0.0~dev: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\kode\pingtaikaifa\flask-vue-crud\client\node_modules\.bin;C:\Program Files\PowerShell\7;C:\Program Files\Common Files\Oracle\Java\javapath;C:\Program Files\OpenSSL-Win64\bin;C:\Python39\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;D:\mysql\bin;C:\Program Files\nodejs\;C:\ProgramData\chocolatey\bin;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Users\<user>\AppData\Roaming\Python\Python39\Scripts;C:\Program Files\Go\bin;C:\sqlite;C:\Program Files\dotnet\;C:\apache-jmeter-5.5\bin;C:\Program Files\Java\jdk-17.0.5\bin;JMETER_HOME%\bin;D:\programs\allure-2.9.0\bin;C:\Program Files\PowerShell\7\;D:\programs\Git\cmd;C:\Users\<user>\AppData\Local\Programs\Python\Python311\Scripts\;C:\Users\<user>\AppData\Local\Programs\Python\Python311\;C:\Users\<user>\scoop\apps\openjdk17\current\bin;C:\Users\<user>\scoop\apps\android-sdk\current\tools\bin;C:\Users\<user>\scoop\apps\ruby\current\bin;C:\Users\<user>\scoop\apps\ruby\current\gems\bin;C:\Users\<user>\scoop\shims;C:\Users\<user>\AppData\Local\Microsoft\WindowsApps;C:\Users\<user>\AppData\Roaming\npm;C:\Users\<user>\AppData\Local\Programs\Fiddler;C:\Users\<user>\go\bin;D:\programs\Microsoft VS Code\bin
9 verbose lifecycle client@0.0.0~dev: CWD: D:\kode\pingtaikaifa\flask-vue-crud\client
10 silly lifecycle client@0.0.0~dev: Args: [ '/d /s /c', 'vite' ]
11 silly lifecycle client@0.0.0~dev: Returned: code: 1  signal: null
12 info lifecycle client@0.0.0~dev: Failed to exec dev script
13 verbose stack Error: client@0.0.0 dev: `vite`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:375:28)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:375:28)
13 verbose stack     at maybeClose (internal/child_process.js:1055:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid client@0.0.0
15 verbose cwd D:\kode\pingtaikaifa\flask-vue-crud\client
16 verbose Windows_NT 10.0.19045
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
18 verbose node v14.17.1
19 verbose npm  v6.14.13
20 error code ELIFECYCLE
21 error errno 1
22 error client@0.0.0 dev: `vite`
22 error Exit status 1
23 error Failed at the client@0.0.0 dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

解决步骤

  1. 官网下载最新LTS安装包:https://nodejs.org/dist/v18.17.1/node-v18.17.1-x64.msi
  2. 运行安装向导,覆盖旧版本目录(cmd查看:where node
  3. 验证安装成功:node -v
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决 "npm run dev" 报错问题时,可以采取以下几个步骤: 1. 检查错误信息:首先,查看报错信息,确定具体的错误原因。报错信息通常会提供一些关键信息,例如文件路径、错误代码或者具体的错误描述。根据这些信息,可以更容易地定位并解决问题。 2. 检查依赖项:如果报错信息中涉及到依赖项,可以检查项目的依赖项是否正确安装并且版本是否匹配。可以使用命令 "npm ls" 来查看项目的依赖关系树,并确保所有依赖项都正确安装。 3. 清除缓存:有时候,报错可能是由于缓存引起的。可以尝试使用命令 "npm cache clean --force" 来清除 npm 的缓存,并重新运行 "npm install" 来重新安装依赖项。 4. 检查配置文件:如果项目中有配置文件(如 webpack.config.js),请确保配置文件正确配置,并且所需的插件和加载器已经正确安装。有时候,报错可能是由于配置文件中的错误引起的。 5. 更新依赖包:有时候,报错可能是由于依赖包版本不兼容或者存在 bug 引起的。可以尝试更新项目的依赖包到最新版本,可以使用命令 "npm outdated" 来检查过期的依赖包,并使用 "npm update" 来更新依赖包。 6. 检查环境变量:如果项目依赖于某些环境变量,例如数据库连接信息或者 API 密钥,在运行 "npm run dev" 之前,请确保这些环境变量正确配置。 这些步骤可以帮助你解决 "npm run dev" 报错问题。根据具体的错误信息和情况,可以逐步排查问题,并采取相应的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值