报错信息:node
npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})webpack
从报错来看,应该是loader的问题,而后就删除重装sass-loader,node-sass,来来回回不下5次,仍是报一样的错误,甚至怀疑是否是webpack.dev.config.js中没有配置好?一步步检查,也没有发现问题。git
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loaderweb
最后换git bash 来从新执行了一边npm install 代码,这个时候发现了问题…… ,因为以前我都是直接在vsCode中直接新建终端来执行shell脚本的,界面比较小,因此没有显示完整的日志,此次终于发现了蹊跷。shell
这是由于当前sass的版本过高,webpack编译时出现了错误,这个时候只须要换成低版本的就行,下面说一下修改方法,很简单,以下,找到package.json文件,里面的 "sass-loader"的版本更换掉 就好了。npm
我本地是将 "sass-loader": "^8.0.0",更换成了 "sass-loader": "^7.3.1"。json
卸载当前版本sass-loader命令:npm uninstall sass-loader sass
安装低版本的sass-loader命令:npm install sass-loader@7.3.1 --save-devbash