我已遵循 [https://chartisan.dev/documentationip top1] 中的所有步骤。使用 CDN 链接一切正常,我可以加载任何图表。
<script src="https://unpkg.com/chart.js@2.9.3/dist/Chart.min.js"></script>
<script src="https://unpkg.com/@chartisan/chartjs@^2.1.0/dist/chartisan_chartjs.umd.js"></script>
但是我不会使用 CDN 链接,所以我删除了上面的这两行并使用npm install chart.js@chartisan/chartjs安装了前端适配器,以便能够在没有 CDN 的情况下使用图表,这是我下面的代码
<div id="chart" style="height: 300px;"></div>
<script>
import { Chartisan, ChartisanHooks } from '@chartisan/chartjs'//This is the problem
const chart = new Chartisan({
el: '#chart',
url: "@chart('sample_chart')",
hooks: new ChartisanHooks()
.beginAtZero()
.colors()
.datasets('doughnut')
});
</script>
当我运行时出现此错误:
Uncaught SyntaxError: Cannot use import statement outside a module