带有缩放插件和力矩适配器的Migration chart.js

Question

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

Uncaught SyntaxError: Cannot use import statement outside a module

Uncaught TypeError: Cannot read properties of undefined (reading 'helpers')for chartjs-plugin-zoom

Uncaught TypeError: Cannot read properties of undefined (reading '_adapters')for chartjs-adapter-moment

<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.x.x兼容。

有谁知道是什么原因导致了这个问题?

Answer 1

正如迁移指南中所描述的，您需要使用UMD包:

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