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