如何在带有本地安装的图表缩放插件中使用chart.js

Question

我正在尝试将chart.js缩放插件添加到当前的工作图表中。

我想在本地使用所有js，而不是通过从网络上调用外部文件来使用。

我的标头js调用当前看起来像这样：

<script src="js/jquery-3.3.1.js"></script>
<script src="js/jqueryui/jquery-ui.js"></script>
<script src="js/jquery-visibility.js"></script>
<script src="js/chartjs/Chart.bundle.js"></script>
<script src="js/chartjs/Chart.bundle.min.js"></script>
<script src="js/hammerjs/hammer.js"></script>
<script src="js/chartjs/chartjs-plugin-zoom.min.js"></script>

我通过github下载了zoom插件，但我认为我做错了。

当我打开页面时，在浏览器控制台中出现以下错误：

Uncaught SyntaxError: Cannot use import statement outside a module

（参考zoom插件js文件）

我看了this问题，其中提到了相同的错误，答案对我来说似乎适用于我，但我不理解。我没有npm的经验或了解，我只想在本地运行所有内容。

如何在不使用此npm的情况下本地安装/引用zoom插件？

Answer 1

可能有一个比这更好的答案，但是我发现我可以通过访问CDN来获得正确的js文件，如下所示：

https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-zoom.min.js

然后将其复制并粘贴为js文件并引用它。我仍然不清楚为什么文件无法以这种格式单独保存在github上。