Chart.js未捕获TypeError:无法解析模块说明符“@kurkle/color”

m4pnthwp  于 2023-04-30  发布在  Chart.js
关注(0)|答案(1)|浏览(341)

我用的是查特js 4.2在laravel项目中使用bootstrap 5.1图表工作正常,但控制台上有一个错误,让我抓狂:

Uncaught TypeError: Failed to resolve module specifier "@kurkle/color". Relative references must start with either "/", "./", or "../".

我没有用npm安装chart,只是用cdn引用。请注意,cdn script标记没有type属性,因此它返回另一个错误:

uncaught SyntaxError: Cannot use import statement outside a module (at chart.min.js:1:1)

要解决这个问题,你必须添加type=“module”

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.2.1/chart.min.js" integrity="sha512-v3ygConQmvH0QehvQa6gSvTE2VdBZ6wkLOlmK7Mcy2mZ0ZF9saNbbk19QeaoTHdWIEiTlWmrwAL4hS8ElnGFbA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

我错过了什么?

omtl5h9j

omtl5h9j1#

我在做Blazor WASM项目的时候碰到了这个。
对我来说,解决办法是使用UMD bunlde。(图中有一个PR。js repo here讨论类似问题)
我想更新你的脚本标签来使用UMD包可以解决你的问题。

<script type="module" src="https://unpkg.com/chart.js@4.2.1/dist/chart.umd.js" integrity="sha512-v3ygConQmvH0QehvQa6gSvTE2VdBZ6wkLOlmK7Mcy2mZ0ZF9saNbbk19QeaoTHdWIEiTlWmrwAL4hS8ElnGFbA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

相关问题