Amcharts - 导入 am4core 失败 - 无法在模块外使用导入语句

问题描述

我正在尝试通过 npm 和下载(无论哪个有效)来实现 Amcharts,但我遇到了模块错误之外的 cannot use import 语句。

JS 文件参考

<script type="module"  src="/BS5-MATDES-XMD/dist/vendor/assets/assets-amcharts/core.js"></script>
<script type="module"  src="/BS5-MATDES-XMD/dist/vendor/assets/assets-amcharts/charts.js"></script>
<script type="module"  src="/BS5-MATDES-XMD/dist/vendor/assets/assets-amcharts/maps.js"></script>

导入参考

import * as am4core from "@amcharts/amcharts4/core"; // fails
import * as am4charts from "@amcharts/amcharts4/charts";

//  import * as am4core from "/BS5-MATDES-XMD/dist/.../assets-amcharts/core"; // this also fails
//  import * as am4charts from "/BS5-MATDES-XMD/dist/.../assets-amcharts/charts";

//create chart instance
var chart = am4core.create("chartdiv01",am4charts.PieChart); 

其他 尝试在 amcharts 上方的目录中创建 package.json 文件

{
    "type": "module"
}

不行。

奇怪的是,如果我删除所有导入,我会收到一个未捕获的引用错误 - am4core 未定义...但图表仍然呈现!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)