报错信息
运行npm run serve报错
问题分析
可能是node版本与node-sass、sass-loader版本不匹配
解决方案
1.node与node-sass版本不匹配解决方法
1.查看node版本
node -v
2.查看node-sass版本
npm list
3.对比node 与 node-sass版本
方式通过node-sass的github仓库查看,仓库地址:https://github.com/sass/node-sass
4.卸载原node-sass版本
如果node与node-sass版本不符合则卸载,符合直接忽略(包括后面的步骤)
npm uninstall --save node-sass
5.安装符合要求的node-sass
node-sass版本列表在:https://github.com/sass/node-sass/releases
npm i node-sass@8.0.0
2.node与sass-loader版本不匹配解决方法
1.查看node版本
2.查看sass-loader版本
3.确定符合版本的sass-loader版本,符合直接忽略(包括后面的步骤)
sass-loader版本列表在:https://github.com/webpack-contrib/sass-loader
查看sass-loader版本是否符合要求,需要对比sass-loader版本的package文件的几个参数
文件地址:https://github.com/webpack-contrib/sass-loader/blob/v10.5.2/package.json
如图:
4.卸载 sass-loader
npm uninstall --save sass-loader
5.安裝新版本sass-loader
npm i -D sass-loader@10.x
成果
重新运行npm run serve,项目成功启动