安装sass踩过的坑

用vue脚手架初始化了一个项目,然后项目里面的style使用了lang=scss,这时候需要安装sass-loader,于是如下步骤;

1.npm install sass-loader

2.npm run dev

结果发现报错如下:

在网上百度了一下说是sass-loader依赖node-sass,于是乎又安装了node-sass

1.npm install node-sass

2.npm run dev

结果还是报错:

继续百度,网上方案如下:

按照第二种方案尝试了还是报错,第二天问了一个同事,因为我看他搭建的项目没有安装node-sass,然后总结如下(一下版本是参考同事已经搭建好的版本号进行安装的):

1.npm install sass-loader@8.0.2

2.npm install sass@1.35.1 -D

3.npm run dev

结果还是报错:

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...

最后再如下操作(降低sass-loader版本号为7.3.1)

1.npm uninstall sass-loader

2.npm install sass-loader@7.3.1 -D

3.npm run dev

4.成功啦!!!


后来又看到了一篇文章(node-sass 下载失败 解决方案),也许有用 https://github.com/PanJiaChen/vue-element-admin/issues/24

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容