在vue2项目中使用sass来方便编写css样式,所以需要借助安装sass预编译器来进行处理css,在安装node-sass过程中出现无法安装的问题。

安装sass

npm install sass-loader --save-dev //安装sass-loader
npm install node-sass --save-dev //安装node-sass 

在安装第二个node-sass时会出现报错的:
在这里插入图片描述

问题原因:

根据分析大概是因为安装node-sass时与 node 版本不兼容时导致的问题,

解决办法:

重新安装与node指定的对应版本即可。如果node版本过高时,就需要对node版本进行降级,操作node升降级可能有风险过高,因此可以对应下图重新安装node-sass版本。
查看相关版本:
node-sass版本:以往的版本 | node-sass
nodejs releases地址:以往的版本 | Node.js
版本对应关系如下图:
请添加图片描述

安装成功效果:

请添加图片描述

使用Sass

在vue模板组件中引用lange=“scss”,重新启动就会解析sass,不会报无法编译的问题了

<style lang="scss" scoped>
...
</style>
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐