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) {}