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

Image 1 Image 2 Image 3


更多关于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替代。以下是关键点:

  1. 编译失败的原因是小程序环境对/deep/的支持问题,特别是在Vue3项目中。

  2. 解决方案:

  • /deep/替换为::v-deep
  • 或者使用:deep()语法(Vue3推荐)
  1. 示例修改:
/* 原写法 */
/deep/ .uni-input {}

/* 新写法 */
::v-deep .uni-input {}
/* 或 */
:deep(.uni-input) {}
回到顶部