网上有很多文章说直接用以下三行命令安装
cnpm install node-sass --save-dev //安装node-sass
cnpm install sass-loader --save-dev //安装依赖包sass-loader
cnpm install style-loader --save-dev //安装style-loader
然后高兴的去试了！！！
然而结果是这样的：
所以贴出解决办法，希望大家不要再踩坑
1、删除node modules目录
2、windows下运行npm install -g node-gyp 确保编译环境已安装
3、安装时指定版本，比如
npm install node-sass@4.14.1 --save-dev
npm install sass-loader@7.3.1 --save-dev
4、npm install安装其他依赖
经过这些步骤，问题终于解决了！
网上有很多文章说直接用以下三行命令安装 cnpm install node-sass --save-dev //安...
vue安装scss报错，原因:sass-loader版本太高了。解决办法：npm install sass-loa...
第一次安装vue-cli遇到的一些小问题及解决办法。 一、npm安装vue-cli npm install vue...
vue.config.js 中 全局 scss 使用如下配置 scss 相关各种版本及具体配置，详见node no...
在 vue 中使用 scss 经常会遇到报错，这里记录一下经常 踩得坑。 正确操作姿势 全部安装之后去配置一下sc...
vue安装node-sass编译报错 安装node-scss报错 安装node-scss报错 在搭建vue脚手架 ...
坑二： scss文件引入vue 和 webpack升级之后，scss的引入方式有些变化，一些配置需要自己手动写入，...
pyhive的安装 impyla连接Hive遇到的坑 安装impala报错及解决办法 以下涉及所有包 Can't ...
一.新建vue项目 参考我的文章 Vue项目安装到发布流程图 vue npm 搭建项目 流程及备忘及不踩坑 正式开...
应为主要使用vue开发。所以想装一个Vue Devtools的浏览器插件，但是不管是去github上下载vue-d...
本文标题：记录一次vue安装scss的各种坑及解决办法
本文链接：https://www.haomeiwen.com/subject/rnhfvltx.html
网友评论