amcharts 集成 SCRIPT1002 IE 11 中的语法错误答案

【问题标题】：amcharts integration SCRIPT1002 Syntax error in IE 11amcharts 集成 SCRIPT1002 IE 11 中的语法错误
【发布时间】：2021-03-04 09:56:22
【问题描述】：

在 IE 11 中加载带有 typescript 应用程序的集成 amchart 时遇到问题。

应用节点模块版本

"@types/node": "^10.9.4",

“打字稿”：“2.9.1”，

"@amcharts/amcharts4": "^4.10.13",

"babel-core": "^6.26.3",

"babel-loader": "^7.1.5",

在 IE 11 中执行这行代码时出现以下错误。

const chart = am4core.create("chartdiv", am4maps.MapChart);

错误是

**SCRIPT1002 : syntax error**

我尝试添加对箭头功能的支持，因为箭头功能发生错误

/* harmony default export */ __webpack_exports__["default"] = (function(f) {
  let delta = f;
  let compare = f;

  if (f.length === 1) {
    delta = (d, x) => f(d) - x; // Error Here
    compare = ascendingComparator(f);
  }
})

我试过了

安装@babel/plugin-transform-arrow-functions并将其指定为babelrc中的插件。
在tsconfig.json中将目标改为es5
在polyfills.ts 文件中导入了必要的polyfills
在webpack.config 中添加了支持的规则

我也尝试过 stackoverflow 中的大多数解决方案。但是这个错误仍然没有解决。你能帮我解决这个问题吗

【问题讨论】：

您是否尝试添加core-js polyfill？如果没有，我建议您通过运行 npm install core-js @types/core-js regenerator-runtime 命令添加它，并尝试在 TypeScript / JavaScript 代码的顶部添加 import "core-js/stable";。这必须放在其他一切之前，否则它将不起作用！请参阅Polyfill for older browsers。
试过这个。但不工作
添加core-js polyfill 后是否显示任何其他错误？如果是，请告知我们。您是否尝试使用 Force Directed Tree 插件？如果是，则IE浏览器不支持。
它没有显示 core-js 错误，因为我将它排除在使用 babel 编译之外。目前我只使用地理地图
仅出于测试目的，您可以尝试删除其他 polyfill 并仅添加 core-js polyfill 吗？看看它是否有什么不同。

标签： typescript internet-explorer-11 amcharts amcharts4

【解决方案1】：

我也有同样的问题，你需要安装这个版本

npm i @amcharts/amcharts4@4.3.5

https://www.npmjs.com/package/@amcharts/amcharts4/v/4.3.5

这个版本适合我

【讨论】：