SCSS在Vue中安装报错

若尚未安装先参考这条链接安装和引用SCSS

https://blog.csdn.net/xiasohuai/article/details/86615454

若已安装 查看下面问题 以及对应解决方法

问题1

TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type
undefined…
SCSS在Vue中安装报错
一般是因为 loader的版本问题 执行代码

npm install sass-loader@7.3.1 --save-dev 

问题2

Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.
(模块构建失败:错误:节点Sass版本5.0.0与^4.0.0不兼容。)
sass版本与当前node版本不兼容
点击到Sass官网查看版本对应关系
SCSS在Vue中安装报错
SCSS在Vue中安装报错
这个地方 就先查看自己的node版本 然后对号入座就行了
比如我 的node是 10.*.*版本的 我的执行命令就行

 cnpm install node-sass@4.9.1

问题3

报错 :vue-style-loader!css-loader?**********************
这个问题也是因为 sass-loader插件的版本不兼容 解决方案与问题一相同 再次执行问题一的代码
就 OK了
SCSS在Vue中安装报错

上一篇:vue 3.x - 安装scss/sass


下一篇:uniapp中使用uview ui 安装使用