uni-app 遇到 /deep/ 编译不通过
uni-app 遇到 /deep/ 编译不通过
操作步骤:
- 看图
预期结果:
- 编译通过
实际结果:
- 编译未通过
bug描述:
- 图一:编译通过
- 图二、三:编译不通过
| 信息类别 | 详细信息 |
|---|---|
| 产品分类 | uniapp/小程序/微信 |
| PC开发环境 | Mac |
| 操作系统版本 | macOS Sequoia 版本15.3.1 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 4.55 |
| 工具版本 | 微信开发者工具 Stable 1.06.2412050 |
| 基础库版本 | 调试基础库 3.7.7 |
| 项目创建方式 | HBuilderX |

更多关于uni-app 遇到 /deep/ 编译不通过的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
hello , 可以看一下这篇文章: https://ask.dcloud.net.cn/question/206506
更多关于uni-app 遇到 /deep/ 编译不通过的实战教程也可以访问 https://www.itying.com/category-93-b0.html
好的,感谢
从图片和描述来看,这是关于uni-app中CSS深度选择器/deep/的编译问题。在Vue3环境下,/deep/已被废弃,需要使用::v-deep替代。以下是关键点:
-
编译失败的原因是小程序环境对
/deep/的支持问题,特别是在Vue3项目中。 -
解决方案:
- 将
/deep/替换为::v-deep - 或者使用
:deep()语法(Vue3推荐)
- 示例修改:
/* 原写法 */
/deep/ .uni-input {}
/* 新写法 */
::v-deep .uni-input {}
/* 或 */
:deep(.uni-input) {}

