vue.js - vue2.6.11配套的nodejs、@vue/cli 分别对应什么版本？

Question

系统挂了，重装后，项目跑不起来了，vue版本为2.6.11，只记得@vue/cli是4.x，具体不记得了，nodejs版本也不记得了，反正跑起来报错，搜了一下也没搜到。

目前环境：

错误信息如下：
0 info it worked if it ends with ok
1 verbose cli [ 'D:\Program Files\nodejs\node.exe',
1 verbose cli 'D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'serve' ]
2 info using npm@6.14.12
3 info using node@v10.24.1
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle client2@0.1.0~preserve: client2@0.1.0
6 info lifecycle client2@0.1.0~serve: client2@0.1.0
7 verbose lifecycle client2@0.1.0~serve: unsafe-perm in lifecycle true
8 verbose lifecycle client2@0.1.0~serve: PATH: D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;F:\codes_git\JytPlatformWebClient3\jytplatformwebclient\src\client2\node_modules.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;D:\Program Files\Git\cmd;D:\Program Files\nodejs\;C:\Users\qingyun\AppData\Local\Microsoft\WindowsApps;;D:\Users\qingyun\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\qingyun\AppData\Roaming\npm
9 verbose lifecycle client2@0.1.0~serve: CWD: F:\codes_git\JytPlatformWebClient3\jytplatformwebclient\src\client2
10 silly lifecycle client2@0.1.0~serve: Args: [ '/d /s /c', 'vue-cli-service serve' ]
11 silly lifecycle client2@0.1.0~serve: Returned: code: 134 signal: null
12 info lifecycle client2@0.1.0~serve: Failed to exec serve script
13 verbose stack Error: client2@0.1.0 serve: vue-cli-service serve
13 verbose stack Exit status 134
13 verbose stack at EventEmitter.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:198:13)
13 verbose stack at ChildProcess.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:198:13)
13 verbose stack at maybeClose (internal/child_process.js:982:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
14 verbose pkgid client2@0.1.0
15 verbose cwd F:\codes_git\JytPlatformWebClient3\jytplatformwebclient\src\client2
16 verbose Windows_NT 10.0.19043
17 verbose argv "D:\Program Files\nodejs\node.exe" "D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "serve"
18 verbose node v10.24.1
19 verbose npm v6.14.12
20 error code ELIFECYCLE
21 error errno 134
22 error client2@0.1.0 serve: vue-cli-service serve
22 error Exit status 134
23 error Failed at the client2@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 [ 134, true ]

Answer 1

你的问题与运行Vue.js项目相关，具体问题出现在node.js和@vue/cli的版本兼容性问题上。根据你提供的错误日志，这个错误是在运行 vue-cli-service serve时发生的。

vue-cli-service 是Vue CLI提供的一种服务，用于启动、停止和重启Vue.js应用。出现这种错误的原因可能是你的node.js版本与你的vue-cli-service版本不兼容。

你当前的node.js版本是v10.24.1，这个版本可能已经过时或者与你的vue-cli-service版本不兼容。根据我的知识库，到2021年为止，Node.js的LTS版本已经更新到v14.x，所以我建议你升级你的Node.js版本。

同时，你的错误信息也提到了@vue/cli是4.x的版本，这是一个很常见的版本，应该与大部分的Node.js版本兼容。因此，我建议你首先尝试升级你的Node.js版本。

你可以通过以下步骤来升级你的Node.js版本：

1. 首先，你需要从Node.js的官方网站下载并安装最新版本的Node.js。
2. 安装完成后，你可以通过命令行工具检查Node.js的版本是否已经更新。输入以下命令：node -v。如果已经成功更新，你应该会看到新的版本号。
3. 接下来，你需要确认npm（node package manager）的版本是否与新版的Node.js兼容。输入以下命令：npm -v。
4. 如果npm的版本过低，你也可以选择更新npm。你可以通过以下命令来更新npm：npm install -g npm。

在完成这些步骤后，你可以尝试重新运行你的Vue.js应用，看看问题是否已经解决。如果问题仍然存在，你可能需要检查其他可能的错误源，例如你的Vue.js代码或者你的项目依赖。