Node.js从12升级到14后本地Vue CLI开发服务无法启动求助

核心问题原因 #

Node.js 大版本升级后，原有项目依赖中存在二进制编译版本不兼容、依赖包版本相互不匹配的问题，结合你提供的依赖清单，具体冲突点如下：

• @vue/cli-service@4.x 版本默认内置 Webpack 4，你单独安装了webpack@5.0.0，同时sass-loader@12.1.0仅支持 Webpack 5，版本适配冲突直接导致启动失败。

具体修复步骤 #

• 第一步：删除项目根目录下的 node_modules 文件夹、package-lock.json 依赖锁文件，清除历史残留的不兼容依赖文件
• 第二步：执行命令清理 npm 全局缓存：

npm cache clean --force

• 第三步：调整依赖版本，二选一即可：
  • 方案一（改动最小）：卸载现有高版本sass-loader，安装适配Webpack4的版本：

  npm uninstall sass-loader
  npm install sass-loader@10.1.1 --save-dev
  

  • 方案二（适配Webpack5）：将@vue/cli-service升级到5.x版本，适配你当前安装的Webpack5
• 第四步：重新安装全量依赖：

npm install

• 第五步：启动开发服务验证修复效果：

npm run serve

兜底补充方案 #

如果执行上述步骤后仍有node-sass编译报错，可全局安装Windows下Node编译依赖工具后重新执行安装步骤：

npm install -g windows-build-tools

内容的提问来源于stack exchange，提问作者DelEvil