微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。