关于vue.js:vue使用sass中deep报错

1.开发环境 vue
2.电脑系统 windows10专业版
3.在应用vue开发的过程中,咱们常常会应用到css的预处理器,我应用的是sass,然而在最新的版本中,应用 /deep/ 报错了 ,上面让咱们来看一下。
4.废话不多说,间接来看

// 去网上看了很多材料,而后最多的答案无非就是
应用::v-/deep/ 来替换/deep/，的确无效，
然而会不能应用scss嵌套写法的问题，

5.解决办法如下:

// 装置 sass-loader7.0.0 版本
npm install sass-loader@7.0.0 -D

// 装置 node-sass 
npm i node-sass -D

6.再次应用

.cupload {
  width: 100%;
  &/deep/ .el-upload--picture-card {
    width: 100%;
  }
}

// 当初应用 /deep/ 就没有报错了

7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。