为什么hb里面都显示有组件的定义组件路径了但是微信小程序内显示空组件

为什么hb里面都显示有组件的定义组件路径了但是微信小程序内显示空组件

示例代码：

<emptyCom v-if="appObj.wechatApp.appList.length === 0 && appObj.alipayApp.appList.length === 0 && appObj.H5App.appList.length === 0" text='暂无数据'></emptyCom>

就这样直接用。因为是在components里面

操作步骤：

组件地址/components/emptyCom/emptyCom
父组件代码

<emptyCom v-if="appObj.wechatApp.appList.length === 0 && appObj.alipayApp.appList.length === 0 && appObj.H5App.appList.length === 0" text='暂无数据'></emptyCom>

预期结果：

微信小程序正常显示

实际结果：

微信小程序不显示，h5正常

bug描述：

为什么hb里面都显示有组件的定义组件路径了，但是微信小程序内显示空组件，h5显示正常。

图片

Image 1

Image 2

Image 3

信息类别 详细信息
产品分类 uniapp/小程序/微信
PC开发环境 Windows
操作系统版本 11
HBuilderX 正式
版本号 4.23
工具版本号 1.0
基础库版本 3
项目创建方式 HBuilderX

3 回复

能发个简单的复现项目吗？帮你看下问题


想起来之前也有因为名字叫app的，然后组件不能用的。我先更新一下hb

这是一个典型的微信小程序组件注册问题。在HBuilderX中显示正常但在微信小程序不显示，通常有以下几个原因：

  1. 组件路径大小写问题：微信小程序对路径大小写敏感，请检查components/emptyCom/emptyCom路径是否完全匹配（包括大小写）

  2. 组件未正确注册：在微信小程序环境中，需要在页面json文件中显式声明组件依赖：

{
  "usingComponents": {
    "emptyCom": "/components/emptyCom/emptyCom"
  }
}
回到顶部