vue执行npm run serve卡死

Posted 2023-04-30

参考技术A 先是把vue-cli-plugin-babel和vue-cli-service降到固定版本3.10.0，结果编译到77%的时候可以看到以下错误：

明显的nodejs内存溢出啊这是，二话不说，看这里 https://www.jianshu.com/p/9c60b283bb49 ，修改node内存限制，重启后果然好了。

使用 vue/cli 运行 npm run serve 时出现问题

【中文标题】使用 vue/cli 运行 npm run serve 时出现问题

【英文标题】：Having issue while running npm run serve with vue/cli

【发布时间】：2020-10-27 20:08:46

【问题描述】：

我创建一个项目使用：

vue create test

然后去我的仓库：

cd test

但是当我尝试使用命令吃午饭时：

npm run serve

我遇到了一个问题：

INFO 正在启动开发服务器... ERROR 错误：没有有效的导出 为“/home/paul/PPers/test/node_modules/colorette”找到主要错误： 没有为找到有效的主要出口 '/home/paul/PPers/test/node_modules/colorette' 在 resolveExportsTarget (internal/modules/cjs/loader.js:625:9) 在 applyExports (internal/modules/cjs/loader.js:502:14) 在 resolveExports (internal/modules/cjs/loader.js:551:12) 在 Function.Module._findPath (internal/modules/cjs/loader.js:657:22) 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:960:27) 在 Function.Module._load (internal/modules/cjs/loader.js:855:27) 在 Module.require (internal/modules/cjs/loader.js:1033:19) 在需要（内部/模块/cjs/helpers.js:72:18） 在对象。 (/home/paul/PPers/test/node_modules/autoprefixer /lib/autoprefixer.js:5:17) 在 Module._compile (internal/modules/cjs/loader.js:1144:30) npm ERR！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ test@0.1.0 服务：vue-cli-service serve npm ERR！退出状态 1 npm ERR！ npm 错误！ 在 test@0.1.0 服务脚本中失败。 npm 错误！这可能不是一个 npm 的问题。上面可能还有额外的日志输出。 npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！ /home/paul/.npm/_logs/2020-07-07T14_02_14_349Z-debug.log

这是日志：

0 info it worked if it ends with ok  
1 verbose cli [  
1 verbose cli   '/home/paul/.nvm/versions/node/v13.6.0/bin/node',  
1 verbose cli   '/home/paul/.nvm/versions/node/v13.6.0/bin/npm',  
1 verbose cli   'run',  
1 verbose cli   'serve'  
1 verbose cli ]  
2 info using npm@6.14.5  
3 info using node@v13.6.0  
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]  
5 info lifecycle test@0.1.0~preserve: test@0.1.0  
6 info lifecycle test@0.1.0~serve: test@0.1.0  
7 verbose lifecycle test@0.1.0~serve: unsafe-perm in lifecycle true  
8 verbose lifecycle test@0.1.0~serve: PATH: /home/paul/.nvm/versions/node/v13.6.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/paul/PPers/test/node_modules/.bin:/home/paul/node_modules/.bin:/home/paul/.nvm/versions/node/v13.6.0/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin:/home/paul/ampl-2019/ampl  
9 verbose lifecycle test@0.1.0~serve: CWD: /home/paul/PPers/test  
10 silly lifecycle test@0.1.0~serve: Args: [ '-c', 'vue-cli-service serve' ]  
11 silly lifecycle test@0.1.0~serve: Returned: code: 1  signal: null  
12 info lifecycle test@0.1.0~serve: Failed to exec serve script  
13 verbose stack Error: test@0.1.0 serve: `vue-cli-service serve`  
13 verbose stack Exit status 1  
13 verbose stack     at EventEmitter.<anonymous> (/home/paul/.nvm/versions/node/v13.6.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)  
13 verbose stack     at EventEmitter.emit (events.js:321:20)  
13 verbose stack     at ChildProcess.<anonymous> (/home/paul/.nvm/versions/node/v13.6.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)  
13 verbose stack     at ChildProcess.emit (events.js:321:20)  
13 verbose stack     at maybeClose (internal/child_process.js:1028:16)  
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)  
14 verbose pkgid test@0.1.0  
15 verbose cwd /home/paul/PPers/test  
16 verbose Linux 5.3.0-62-generic  
17 verbose argv "/home/paul/.nvm/versions/node/v13.6.0/bin/node" "/home/paul/.nvm/versions/node/v13.6.0/bin/npm" "run" "serve"  
18 verbose node v13.6.0  
19 verbose npm  v6.14.5  
20 error code ELIFECYCLE  
21 error errno 1  
22 error test@0.1.0 serve: `vue-cli-service serve`  
22 error Exit status 1  
23 error Failed at the test@0.1.0 serve script.  
23 error This is probably not a problem with npm. There is likely additional logging output above.  
24 verbose exit [ 1, true ]  

有没有人想办法解决这个问题？

【问题讨论】：

在cd test之后先尝试npm install

同样的问题，即使在启动 npm install ...

看起来你的错误来自 collorete npm 模块`No valid exports main found for '/home/paul/PPers/test/node_modules/colorette' 我在 npm 上查看过，看起来像它连一个包裹都没有。我会去你的 node_modules 文件夹并删除它

在 reactjs 上有保存问题，你有解决方案吗？

更新你的节点版本。请参阅 this 和 this。 @NewtonJosé

【参考方案1】：

根据@StevenB 的评论，我可以通过将节点升级到 v14.5.0 来解决问题