标签：vue sass loader blog 报错 details 第三课 安装

一、安装方式介绍

1、不依赖编辑器

node-sass模块

 

2、依赖编辑器

 

二、安装步骤

1、不依赖编辑器

（1）Node环境

1-安装

安装指令： cnpm i -g node-sass

查看版本：node-sass -v

 

VScode配置

安装Easy Sass（编译）和Sass（代码提示）这两个插件，注意区分大小写。

 

我是在vue项目中想要使用sass，遇到了以下问题。

第一个：安装sass后，要在webpack中对sass进行配置。

参考文档：https://blog.csdn.net/duansamve/article/details/89412838

 

第二个：兼容性的问题，报错Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

参考文档：https://blog.csdn.net/weixin_42390302/article/details/109443294

第三个：当我尝试卸载高版本loader的时候，又遇到了权限问题，

报错：npm ERR! code EEXIST   npm ERR! syscall mkdir

原因：这种报错是因为在vscode中的终端执行命令，权限不够，要在cmd中执行才行。

参考文档：https://blog.csdn.net/qq_37086982/article/details/103488715

 

第四个：安装的问题，报错：This dependency was not found:

* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/

解决方法：先去package.json中，看看各种loader是不是都安装上了，主要是这几个：

"css-loader": "^0.28.11", "sass-loader": "^7.3.1", "style-loader": "^2.0.0", "stylus-loader": "^5.0.0", 如果确定这些loader都有，就再执行一遍cnpm install

 

第五个：scss与sass混用的问题，在style中引用的时候要使用 lang="scss"，不要写lang="sass" 。报错：Invalid CSS after ".xxx{": expected "}", was "{" 

参考文档：https://blog.csdn.net/zhangchao19890805/article/details/64122182

 

 == 就装个sass，我把能遇到的报错都遇到了，nice呀

 

标签：vue,sass,loader,blog,报错,details,第三课,安装
来源： https://www.cnblogs.com/qingshanyici/p/14417902.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。