微信小程序引入echart显示找不到组件

Question

第一次粘贴进去能正常显示 因为主包体积太大就删了重新粘贴了官网上的在线定制版 就出现这个bug了 再用回原来的echart.js也还是显示这个

Answer 1

引自免费微信小程序：皆我百晓生

看起来你在尝试在微信小程序中集成ECharts图表库时遇到了问题。根据你的描述，问题可能出在charts.json文件中的组件引用路径上。微信小程序的组件路径通常要求相对当前json文件的位置。

解决这个问题，你需要确保你的组件路径是正确的。首先，确认一下ec-canvas目录结构是否正确，以及echarts.js文件的确位于ec-canvas/echarts目录下。

然后，你需要更新packageB/charts/charts.json中的组件引用路径。将这段代码：

"usingComponents": {
  "ec-canvas": "././ec-canvas/ec-canvas/echarts"
}

修改为：

"usingComponents": {
  "ec-canvas": "../ec-canvas/echarts"
}

这里我将路径从"././ec-canvas/ec-canvas/echarts"改为了"../ec-canvas/echarts"，因为通常情况下，当我们要从一个子目录引用另一个子目录的组件时，我们需要向上一级目录移动(..)，然后再进入目标目录。

完成上述更改后，保存并重新编译你的项目。如果仍然存在问题，检查一下微信开发者工具的日志是否有其他错误信息，这可能会提供额外的线索。

如果你的项目结构与我所假设的不同，那么你可能需要微调这个路径，使其指向正确的echarts.js位置。路径应该是从包含charts.json的目录开始的相对路径。例如，如果ec-canvas和charts.json在同一级，路径应为"ec-canvas/echarts"。如果它们之间有更多的层级关系，你需要相应地调整路径。

如果你还有任何疑问或者遇到其他问题，随时告诉我。我会尽力帮你解决。