安装vue Cli脚手架报错

Question

安装vue Cli脚手架报错

• 使用

  cnpm install -g @vue/cli

• 发生以下报错

[31/35] vue@^2.6.14 installed at node_modules\.store\vue@2.7.16\node_modules\vue
[npminstall:runscript:error] @vue/cli-ui@5.0.8 › apollo-server-express@3.13.0 › apollo-server-types@3.8.0 › apollo-reporting-protobuf@3.4.0 › @apollo/protobufjs@1.2.6 run postinstall node scripts/postinstall error: Error: Command failed with ENOENT: node scripts/postinstall
spawn C:\Program Files\MySQL\MySQL Server 8.0\bin\ ENOENT
    at ChildProcess._handle.onexit (node:internal/child_process:284:19)
    at onErrorNT (node:internal/child_process:477:16)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin\\',
  path: 'C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin\\',
  spawnargs: [Array],
  originalMessage: 'spawn C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin\\ ENOENT',
  shortMessage: 'Command failed with ENOENT: node scripts/postinstall\n' +
    'spawn C:\\Program Files\\MySQL\\MySQL Server 8.0\\bin\\ ENOENT',
  command: 'node scripts/postinstall',
  escapedCommand: 'node "scripts/postinstall"',
  exitCode: undefined,
  signal: undefined,
  signalDescription: undefined,
  stdout: undefined,
  stderr: undefined,
  failed: true,
  timedOut: false,
  isCanceled: false,
  killed: false
}
Install fail! Error: run postinstall error, please remove node_modules before retry!
Command failed with ENOENT: node scripts/postinstall
spawn C:\Program Files\MySQL\MySQL Server 8.0\bin\ ENOENT
Error: Command failed with ENOENT: node scripts/postinstall
spawn C:\Program Files\MySQL\MySQL Server 8.0\bin\ ENOENT
    at ChildProcess._handle.onexit (node:internal/child_process:284:19)
    at onErrorNT (node:internal/child_process:477:16)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
npminstall version: 7.12.0
npminstall argv: D:\node-v18.20.3-win-x64\node.exe D:\node-v18.20.3-win-x64\node_global\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\awake\.cnpmrc --disturl=https://cdn.npmmirror.com/binaries/node --registry=https://registry.npmmirror.com -g @vue/cli

Answer 1

下午好🌅🌅🌅
本答案参考ChatGPT-3.5

问题描述： 安装Vue CLI时遇到错误，提示npm install命令执行postinstall脚本失败，且与MySQL相关，因为尝试运行的路径是MySQL的bin目录，但找不到该路径。

错误原因：

1. MySQL 安装问题：可能是因为MySQL的环境变量未设置或安装路径不正确，导致Node.js无法找到MySQL的bin目录。
2. postinstall脚本依赖：可能是某些包（如apollo-server-express）的postinstall脚本需要MySQL支持，而你的系统没有正确配置。

解决方案：

1. 检查MySQL环境变量：

   • 确保MySQL已成功安装，并且添加到了系统的PATH环境变量中。
   • 在Windows上，可以检查%SystemRoot%\system32和%ProgramFiles%\MySQL\MySQL Server 8.0\bin是否包含在PATH中。
   • 在Linux或Mac上，检查/usr/local/mysql/bin或实际安装路径是否在$PATH中。

2. 修复MySQL路径问题：

   • 如果环境变量设置正确但仍然出错，尝试手动指定MySQL的bin路径：

   npm install --global @vue/cli --prefix /path/to/your/vue_project --scripts-prepend-node-path "/path/to/your/mysql/bin"
   

   将/path/to/your/mysql/bin替换为实际的MySQL bin路径。

3. 解决postinstall脚本问题：

   • 如果上述方法无效，尝试先安装一个临时的包来处理postinstall脚本依赖，例如：

   npm install --global apollo-server-express apollo-server-types apollo-reporting-protobuf @apollo/protobufjs --save-dev
   

   然后再次尝试安装Vue CLI。

4. 清理并重新安装：

   • 如果以上步骤都无法解决问题，可以先删除node_modules文件夹，然后清除缓存：

   rm -rf node_modules
   npm cache clean --force
   

   再次尝试安装Vue CLI。

5. 更新npm版本：

   • 更新npm到最新版本，有时候旧版本可能会导致问题：

   npm install -g npm@latest
   

6. 使用yarn代替npm：

   • 有时，尝试使用yarn代替npm来安装，可能避免npm的一些问题：

   npm uninstall -g npm
   curl -sL https://yarnpkg.com/install.sh | bash
   ln -s ~/.yarn/bin/yarn /usr/local/bin/yarn
   yarn global add @vue/cli
   

如果以上步骤都不能解决问题，可能需要查看相关包的文档或者寻求社区的帮助。