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

时间:2021-06-25 21:00:25

标签: import amcharts es6-modules

我正在尝试通过 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 未定义...但图表仍然呈现!

0 个答案:

没有答案