Angular 2 Safari 浏览器中的生产构建控制台错误

Question

我正在使用 Angular 2 和 Visual Studio 2019 项目模板构建网站。 我已经能够成功发布它并且它在大多数浏览器中都能正常工作。 我一直在使用 BrowserStack.com 在不同的设备上进行一些测试，发现在 Safari 和 iOS 的某些早期版本中，我在控制台中收到错误，导致页面无法完全加载。 错误如下：

main-es5.4856ef6….js:1 TypeError: undefined is not a function (evaluating 'db(e,t)')

如果我编辑 .csproj 文件并在没有 --prod 参数的情况下构建项目，则根本不会再发生此错误。 所以我认为这是缩小 Angular 2 依赖项之一的问题。

我如何从缩小过程中排除这个 Angular 依赖项，但仍然允许我的组件和 css 被缩小，或者还有其他解决方案吗？ 我试图编辑 .tsconfig 文件并将其添加到排除部分，但它根本不起作用。

"exclude": [
  "./dist/main-es2015.js",
  "./dist/main-es5.js"
]

对此有任何帮助或想法将不胜感激？

Answer 1

我最终通过在 tsconfig.json 文件中设置“目标”：“es5”属性解决了这个问题，该文件停止了错误消息。

请参阅Angular 2 / 4 / 5 在 IE11 中不起作用

如果 Safari < 10 和 IE < 11，则实现不受支持的浏览器组件页面。