Failed to resolve loader: sass-loader
写vue时,出现这个错误,说明项目中使用了 sass 或 scss 样式文件,并且没有安装 sass-loader 时会出现。
sass-loader 是一个 Webpack 加载器,用于将 sass 或 scss 样式文件转换为 css 样式文件,以便浏览器可以理解。
解决办法,就是安装sass-loader
npm install sass-loader sass --save-dev
哦呵,报错了
分析错误,就是安装的这个包版本太高了,跟其他的插件不兼容。
那就是降版本,我下面是随便找了一个低版本,其实可以根据自己的项目插件,找一个合适项目的。
npm install sass-loader@7.3.1 --save-dev
安装,运行均不报错,问题解决!
总结下:其实解决过程很简单,就是降版本,安装合适的。
中间其实我绕了很多路,我找了其他可运行的项目,复制了package.json里面的sass-loader的版本,然后安装,发现不行
接着我找问题,发现我的vue-cli版本不一样,然后我又去升级自己的vue-cli版本,还不行
然后又发现webpack的版本不一样,又去调整版本,结果就是还是不行!
最后我就把调整的都恢复到修改前,然后从报错出发既然是安装的sass-loader版本高了,那就降低它的版本,毕竟安装这个插件前,本地代码是可以跑起来的
那就降版本安装,最后一把成功。