uni-app项目依赖"@dcloudio/uni-ui": "^1.3.1"后 编译成小程序报错

uni-app项目依赖"@dcloudio/uni-ui": "^1.3.1"后 编译成小程序报错

操作步骤:

  • 项目依赖"@dcloudio/uni-ui": “^1.3.1”,后,编译成小程序报错

预期结果:

  • 成功编译

实际结果:

  • 报错

bug描述:

  • 项目依赖"@dcloudio/uni-ui": “^1.3.1”,后,编译成小程序报错

| 开发环境           | 操作系统版本号 | HBuilderX类型 | HBuilderX版本号 | 第三方开发者工具版本号 | 基础库版本号 | 项目创建方式 |
|------------------|--------------|-------------|---------------|-------------------|------------|-----------|
| Windows          | 10           | 正式        | 3.1.13        | 2.8               | 2.8        | HBuilderX |

更多关于uni-app项目依赖"@dcloudio/uni-ui": "^1.3.1"后 编译成小程序报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app项目依赖"@dcloudio/uni-ui": "^1.3.1"后 编译成小程序报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


该问题通常由uni-ui组件库与当前HBuilderX版本或小程序基础库的兼容性导致。以下是几种常见解决方案:

  1. 版本升级
    uni-ui 1.3.1版本较旧,建议升级到最新版本(当前最新为1.4.21+)。在项目根目录执行:

    npm update [@dcloudio](/user/dcloudio)/uni-ui
    
  2. 检查组件语法
    确保模板中使用的uni-ui组件符合规范,例如条件编译语法正确:

    <!-- 错误示例 -->
    <uni-badge v-if="!isMP"></uni-badge>
    <!-- 正确示例 -->
    <uni-badge v-if="!$env.isMP"></uni-badge>
回到顶部