一、引言&背景   完成度：100%

a) 应对问题

最近同事的Vue环境出了点邪门的问题，本来可以跑起来的前端代码，突然报了个错，无法启动了，于是帮他看看，顺便记录一下这个问题。如下错误信息及代码。

b) 报错信息

exception0 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.13.4
3 info using node@v12.16.1
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle SCscHero.web@0.1.0~predev: SCscHero.web@0.1.0
6 info lifecycle SCscHero.web@0.1.0~dev: SCscHero.web@0.1.0
7 verbose lifecycle SCscHero.web@0.1.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle SCscHero.web@0.1.0~dev: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;c:\CodeFile\XXXX\Target-Agreement\TAOnline\Presentation\SCscHero.web\node_modules\.bin;C:\Program Files\nodejs\;C:\Program Files\MySQL\MySQL Shell 8.0\bin\;C:\Users\SCscHero\AppData\Local\Microsoft\WindowsApps;C:\Users\SCscHero\AppData\Local\Programs\Git\cmd;C:\Program Files\Azure Data Studio\bin;C:\Users\SCscHero\.dotnet\tools;C:\Users\SCscHero\AppData\Roaming\npm
9 verbose lifecycle SCscHero.web@0.1.0~dev: CWD: c:\CodeFile\XXXX\Target-Agreement\TAOnline\Presentation\SCscHero.web
10 silly lifecycle SCscHero.web@0.1.0~dev: Args: [ '/d /s /c', 'vue-cli-service serve' ]
11 silly lifecycle SCscHero.web@0.1.0~dev: Returned: code: 1  signal: null
12 info lifecycle SCscHero.web@0.1.0~dev: Failed to exec dev script
13 verbose stack Error: SCscHero.web@0.1.0 dev: `vue-cli-service serve`
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:311:20)
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:311:20)
13 verbose stack     at maybeClose (internal/child_process.js:1021:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid SCscHero.web@0.1.0
15 verbose cwd c:\CodeFile\XXXX\Target-Agreement\TAOnline\Presentation\SCscHero.web
16 verbose Windows_NT 10.0.19043
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 v12.16.1
19 verbose npm  v6.13.4
20 error code ELIFECYCLE
21 error errno 1
22 error SCscHero.web@0.1.0 dev: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the SCscHero.web@0.1.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 ]

c) 报错截图

报出如图错误：

二、解决方案   完成度：100%

a) 排查思路

1. 开始以为依赖项的问题，所有依赖项重装了还是不行。开始以为是Vue-cli或者其他依赖项版本问题。
2. 后来用淘宝镜像，切换了源，重装了也不行。我给他拷了。
3. 网上搜了一下以为是环境变量的问题，但将cmd程序路径设置了path变量还是不行。
4. 后来又找了一些网上的方案，还是不行。

b) 解决方案

最后同事自己折腾了一下NodeJS版本：把原本的NodeJS12版本删了，装了最新的14版本，再装回12

三、声明与参考资料   完成度：100%

原创博文，未经许可请勿转载。

如有帮助，欢迎点赞、收藏、关注。如有问题，请评论留言！如需与博主联系的，直接博客私信SCscHero即可。