【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

本文主要是介绍【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

出现的问题

新项目启动的时候，提示：
Syntax Error: SassError: expected selector
看了一下发现是sass使用样式穿透/deep/报的错
/deep/其实是已经过期的写法，某个版本之后就不支持了
但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因

解决办法

1. 将 /deep/更换为::v-deep
   但是这个项目是多人协作的，有大量页面使用，修改的话会涉及很多页面，并且同事并没有出现同样的问题，所以为了将影响降到最低，就不采用这个方法了

2. 降低sass-loade的版本，目前项目的版本是：

   "node-sass": "^4.14.1",
   "sass-loader": "^8.0.2",
   

   将sass-loader降级为7.0.0即可

   npm uninstall sass-loader
   npm cache clean --force //清除npm缓存，不然不会生效
   npm install sass-loader@7.0.0 -D
   

这篇关于【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---