带有缩放插件和矩适配器的迁移chart.js

Question

我设法用 Chart.js 3.9.1 绘制了几个图表。我正在尝试迁移到 4.xx 版本，但遇到以下问题：

Uncaught SyntaxError: Cannot use import statement outside a module

Uncaught TypeError: Cannot read properties of undefined (reading 'helpers')对于 ChartJS-插件-缩放

Uncaught TypeError: Cannot read properties of undefined (reading '_adapters')对于 ChartJS 适配器时刻

<script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.1.1/chart.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-zoom/2.0.0/chartjs-plugin-zoom.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-adapter-moment/1.0.1/chartjs-adapter-moment.min.js"></script>

我相信第一个问题汽车可以通过添加来解决type="module"，但会生成以下错误Uncaught TypeError: Failed to resolve module specifier "@kurkle/color". Relative references must start with either "/", "./", or "../".

根据集成文档https://github.com/chartjs/awesome#integrations，这两个库都与 Chart.js 4.xx 兼容

有谁知道导致问题的原因吗？

Answer 1

如迁移指南中所述，您需要使用 UMD 捆绑包：

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.1.1/chart.umd.js"></script>