node-sass 和 node.js 版本关联太紧了,如果这两个版本不匹配,就会起冲突,导致项目无法运行;另外因为网络原因,node-sass安装时经常无法下载,因此项目替换为 dart-sass。

卸载 node-sass

1
npm uninstall node-sass

安装 dart-sass

1
npm install --dev sass

如果项目中使用了 scss,则推荐使用 dart-sass 替换 scss 模块

1
npm install node-sass@npm:dart-sass

注意:在替换完Node Sass后,需要用 ::v-deep 代替 /deep/>>> (注:如果在css中直接这么写是没用作用的) 来进行样式穿透。最重要原因是 vue 3.0 RFC中指定的写法,我们这么写之后可以尽量的最大程度减少升级到Vue3的复杂度。