先上报错
关键行:
- Failed to compile. - 字面意思,编译失败,原因一般都在下面的白字报错
- Module build failed (from ./node-modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js): - 模块构建失败,注意后面的冒号,说明构建失败的原因在下一行开始的若干行
- Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93) - node-sass 现在不支持当前生产环境:64位的Windows运行系统
- For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.14.1 - node-sass 现在不支持当前生产环境
提取关键信息 Node Sass 现在不支持,具体为什么不支持,可能是电脑环境原因,也可能是 node-sass 版本与 sass-loader 不兼容,这也将我带入了误区。
错误操作示范
- 检查 node-sass 与 sass-loader 版本
检查 package.json 与 package-lock.json 的中的依赖版本,发现 package-lock.json 中的 sass-loader(7.3.1) ,而 package.json 中是 7.1.0 。
- 卸载重装不同版本依赖
// 在 git / 命令行窗口 中运行代码
// 卸载依赖包
npm uninstall sass-loader
// 完成后重新安装依赖
npm install sass-loader@7.1.0
npm run 项目报错依旧,只是报错中的 sass-loader@7.3.1 变成了 sass-loader@7.1.0 (忘记截图用上面的图片p了一下,别介意)
- 卸载重装 node-sass
有可能是因为图速度使用 cnpm install 导致的,于是重装依赖:
// 在 git / 命令行窗口 中运行代码
// 卸载依赖包
npm uninstall node-sass
// 完成后重新安装依赖
npm install node-sass
报错依旧。
正确解决示范
下午 github 终于能打开了,这很关键:sass/node-sass
图中关键信息:
- 当前 node-sass 版本:v4.14.1
- 该版本在 Windows 环境中支持 Node v0.10 - 14
- 仅支持64位操作系统
卸载本机Node并去官网查找对应的旧版本下载:Node官网
我装了v14版本下的 Node 环境后 重新 npm run 项目,仍然报错,但问题已经解决了,按提示进行操作就可以解决:
命令行中运行:
// rebuild node-sass
npm rebuild node-sass
完成后再跑项目!
仍然报错,不要慌,删除项目的 node_modules 文件夹, 重新运行 npm install
完成后再再再跑项目!
搞定!