uni-app 高版本HBuilderX打包和真机调试不显示图表

示例代码：

<qiun-data-charts  
type="gauge"  
chartData="chartData"
canvas2d="true"
canvasId="finishing"
background="none"  
opts="{title:{name: homeData.achievement.complete_percent,color: colorText,fontSize: 25,offsetY:50},subtitle: {name: '完成率%'}}"
/>

操作步骤：

Alpha版3.4.12版打包发布是发现的，情况大概在两个版本左右，版本大概是5月18号之后的版本，5月18好打包的安装包显示正常

预期结果：

图表显示

实际结果：

图表无法显示

bug描述：

自定义基座和打包app之后秋云图表的图表不显示并且报错TypeError: Cannot read properties of undefined (reading '$getComponentDescri，代码不变重新下载正式版打包之后图表显示，且无报错

wuwangju 1楼•6 天前

秋云插件么?

wuwangju 2楼•6 天前

对，我这上面的图表用的是秋云插件

ionicwang 3楼•6 天前作者

回复 sonw: 这个,还真不好说,原来可以,现在不可以那么是hx不适配插件了还是本身写的代码的方式有问题在原来的版本上卡bug了然后新的版本修复了这个问题结果不渲染了

songsunli 4楼•6 天前

在使用 Uni-app 开发时，如果遇到高版本 HBuilderX 打包或真机调试时图表不显示的问题，可能是由于以下几个原因导致的。以下是一些常见的排查和解决方法：

1. 检查图表库的兼容性

如果你使用的是第三方图表库（如 echarts、uCharts 等），确保其版本与 Uni-app 和 HBuilderX 兼容。
某些图表库可能需要特定的配置或插件支持，检查文档并确保正确引入。

2. 检查静态资源路径

如果图表依赖静态资源（如图片、字体等），确保资源路径正确。
在真机调试时，静态资源路径可能需要使用绝对路径或 @/ 别名。
示例：
```
<image src="@/static/icon.png"></image>
```

3. 检查 CSS 样式

确保图表的容器元素设置了正确的宽高，否则图表可能无法显示。

示例：

<view style="width: 100%; height: 300px;">
  <chart></chart>
</view>

4. 检查权限和配置

在真机调试时，某些功能可能需要额外的权限或配置。例如，echarts 可能需要启用 canvas 支持。

在 manifest.json 中检查相关配置：

{
  "app-plus": {
    "renderer": "native"
  }
}

5. 检查 HBuilderX 版本

确保 HBuilderX 是最新版本，旧版本可能存在兼容性问题。
如果问题出现在某个特定版本，尝试降级或升级 HBuilderX。

6. 检查真机调试环境

在真机调试时，确保设备网络正常，且没有缓存问题。
尝试清除 HBuilderX 的缓存：
- 点击菜单栏的运行 -> 清除缓存 -> 清除所有缓存。
重启 HBuilderX 和设备，重新运行项目。

7. 检查控制台日志

打开浏览器的开发者工具或 HBuilderX 的控制台，查看是否有错误日志。
常见的错误包括：
- 资源加载失败
- 脚本执行错误
- 样式冲突

8. 使用原生渲染模式

如果问题仍然存在，尝试将渲染模式切换为原生渲染：
- 在 manifest.json 中配置：
```
{
  "app-plus": {
    "renderer": "native"
  }
}
```

9. 检查图表库的初始化

确保图表库的初始化代码在正确的生命周期中执行。例如，在 mounted 或 onReady 中初始化图表。

示例：

export default {
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      // 初始化图表
    }
  }
}