Safari 和 IE 中的 EcmaScript 错误

Question

我开发了一个 AngularJs 应用程序。此应用程序在 Google Chrome 和 Mozilla Firefox 中运行良好，但当我在 Safari 和 IE-11 中测试此应用程序时强>。它在控制台中显示错误。

就像我在很多地方使用这段代码来打开引导模式

$modal.open({
    templateUrl: "dummyTemplate.html",
    controller: "DummyControllerName",
    controllerAs: "vm",
    windowClass: 'popupModal',
    size: 'sm',
    resolve: {
        dummyData: function(){ return object; }
    }
}).result.then(data => { 

});

另一个代码sn-ps

$rootScope.$on("toastIt", (e, d) => { // <- It show error on this line in IE and Safari
    toaster.pop(d.type || 'success', d.title, d.text);
});

我知道这个问题的原因仅仅是因为 EcmaScript 支持。 Internet Explorer 和 Firefox 不支持此功能。

任何人都可以建议我解决此问题的最佳方法，并在 Safari 和 IE 中启用对我的 AngularJs 应用程序的支持。

如果我选择修改代码格式的选项，那么有很多地方，这将花费太多时间。有没有其他更好的解决方法？

Answer 1

听起来您是在说您收到错误是因为您在 IE11 中使用了箭头函数。事实上，IE11 不支持箭头功能或 ES2015 及更高版本的各种其他部分。 （过去几个月的任何版本的 Firefox都可以。）

解决方案是使用 transpiler（例如 Babel）将您的 ES2015+ 代码transpile 转换为 ES5 代码。您在构建步骤中执行此操作，并部署转译后的 ES5 兼容代码。

当然，也可以只使用目标浏览器支持的功能（例如，如果目标是 IE11，则不要使用箭头功能）。

Answer 2

您的 resolve 行缺少结束 } - 您有这个（删除了不相关的内容）：

$modal.open({
  ...
  resolve: {
    smudgedOut: function(){ return response.data
  }
})

应该是：

$modal.open({
  ...
  resolve: {
    smudgedOut: function() { return response.data; }
  }
})

至少，从您在 chrome 开发工具中向我们展示的内容来看，这就是问题所在。