安装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 [email protected]

2.npm install [email protected] -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 [email protected] -D

3.npm run dev

4.成功啦!!!


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

你可能感兴趣的:(安装sass踩过的坑)