安装sass报错解决方案

最近跟着B站视频学习前端开发：https://www.bilibili.com/video/BV1Sc41187nZ?p=7

按照老师给的指令，在cmd里安装sass，一直报错。

在网上各种找资料，webpack fibers sass-loader node-sass，挨个装了个遍，不停卸载安装，都报错，总是无法通过编译。

就在我快放弃的时候，我想到了我的开发工具HBuilderX，也许能帮我解决这个问题。

结果发现HBuilderX已经安装了sass。

网上很多人说不要使用全局安装，那我想着就在项目里安装吧，只需要在HBuilderX里右键选中项目，选择使用命令窗口打开所在目录，输入命令：npm install sass-loader node-sass，再编译，提示一些版本不兼容问题。

思来想去，我在HBuilderX里把sass-loader node-sass全卸载了，看看编译器报什么错。这一次报的是找不到sass模块，是不是意味着sass包含了node-sass和sass-loader？

我看到了希望，这次我在HBuilderX对应的项目下，输入了npm install sass。

 

然后还是在HB里直接用了终端命令编译my-project，居然成功了！

编译成功后，我们就可以启动项目了，HB里也有对应的命令，当然也可以直接启动项目，省去编译步骤，启动之前也是会编译的。

最后，在微信开发者工具里，终于看到了想要的结果，虽然还有一些报错，但是跟sass无关了。

总结：

1、如果已经安装过sass之类，建议全部全局卸载掉：npm uninstail sass-loader node-sass -g

2、在HBuilderX里右键选中对应的项目，使用命令行窗口打开所在目录，给这个项目安装sass：npm install sass

就这么简单了。