/deep/报错修改及快速解决方案; 预编译器默认报错;dart-sass语法

51 阅读1分钟

问题:最近运行项目突然报一堆/deep/的警告 原因:我们一些vue2版本的老的项目,会使用/deep/深度选择器,但是最近vue2的scss预编译器默认已由 node-sass 更换为 dart-sas,因为dart-sas不兼容部分旧语法,所以运行时会出现一些莫名的警告影响项目的运行。

image.png

解决方法: 官方说明

方法一、

快速解决运行项目:在在 manifest.json 中配置中加 "sassImplementationName": "node-sass"

具体操作图如下:

image.png

方法二、

将style样式中的 /deep/ 改成  ::v-deep ,但由于咱引入了大量外部插件,所以修改起来比较费劲,这样修改可以根本解决问题