Angular应用程序（v8）无法与IE11中的Web组件Polyfill一起使用

Question

我试图在Angular（v8）应用程序中使用web component polyfills，但在IE11中似乎无法正常工作。我已经创建了一个非常basic repository来产生此问题。该存储库是一个全新的Angular应用程序（来自运行ng new）。我在仓库中有关于如何快速克隆，设置仓库以及使用es5代码为应用提供服务的说明。这样做时，您将在IE11（版本11.0.9600.17031）中遇到以下问题：

该错误与Angular生成的polyfill-es5.js文件有关。如果我从index.html页面中删除了此文件，则不会发生此错误（显然，整个应用程序也无法正常工作）。

我不知道如何加载Web组件polyfill，以便它们可以在IE11中使用？

添加地图文件后，问题出在get-own-property-symbols.max.js文件。

Answer 1

我通过将webcomponent polyfills添加到angular.json文件而不是在index.html文件中来解决此问题。

"scripts": [
          "node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js",
          "node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"
        ]

我还设法通过使用照明元素组件获得了Angular v8应用程序设置。如果有人感兴趣，您可以在此处查看该存储库：Angular v8 with lit elements