vue 配置scss

1. 安装 sass-loader

$ npm install sass-loader -D

报错:ERR! Found: webpack@4.46.0..., sass-loader版本过高,降低版本

$ npm install sass-loader@7.3.1 --save-dev

sass-loader 安装成功

2. 安装node-sass

安装好sass-loader后运行报错:Cannot find module 'node-sass'

$ npm install node-sass -D

安装完成后,运行再次报错:
Syntax Error: Error: ENOENT: no such file or directory, scandir '.../node_modules/node-sass/vendor',没有安装到vender这个模块,重新安装

$ npm rebuild node-sass

报错:Node Sass version 6.0.1 is incompatible with ^4.0.0.
node-sass 6.0.0版本与^4.0.0不兼容
先卸载,然后重新指定版本安装

$ npm uninstall node-sass
$ cnpm install node-sass@4.14.1. // 因为npm有可能会安装失败,所以直接上cnpm了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容