安装node-sass一直失败尝试了网友的多种办法最终以失败告终
最终解决的办法是用dart-sass替换node-sass
npm install node-sass@npm:dart-sass
注意:在替换完Node Sass后,需要用::v-deep代替/deep/和>>> (注:如果在css中直接这么写是没用作用的) 来进行样式穿透。最重要原因是 vue 3.0 RFC中指定的写法,我们这么写之后可以尽量的最大程度减少升级到Vue3的复杂度。
// 实例:
.a {
>>> {
.b {
color: red;
}
}
}
/* 或者 */
.a {
/deep/ {
.b {
color: red;
}
}
}
/* 修改为 */
.a {
::v-deep {
.b {
color: red;
}
}
}