IE 11上的Angular 7.3.5元素给出：对象不支持Firefox上的属性或方法... ...：空白页面

Question

脚本

创建了2个不同的Angular元素（通过2个独立的项目）

• 第一个正是as per this tutorial - 一个不属于文章的变化是我必须做'npm i [email protected]'才能使演示工作
• 第二个使用一个服务，它获得rest api结果并创建一个页脚

问题1

在IE 11上，我们得到：

对象不支持属性或方法'from'[jsFileName] .js（4,119596）

问题2

Firefox上的空白页，控制台上没有错误，开发人员工具中没有任何错误

经过测试

测试运行页面

• 与'静态服务器'和http://localhost:9080
• 通过直接访问构建的文件来测试：/// D：/.../elements/index.html

我们知道自Angular 7.3 ...

• polyfills.ts已经发生了重大变化，应该支持IE9,10,11（参考：https://angular.io/guide/browser-support）
• 更确定，我安装和导入（classlist.js和web-animations-js）以下2（如polyfills.ts中所述）
• 我不需要导入这两个但是想不遗余力。我们知道CLI会生成一个包含旧版浏览器所需的所有polyfill的包，称为es2015-polyfills。***。js并将其添加到index.html中。
• 这两个项目都适用于Chrome
• 两个项目都在Firefox 65上显示空白页面
• 加载的HTML和JS文件的内容是正确的，因此chrome，IE11和Firefox正在访问js文件

Answer 1

您是否尝试过将import 'document-register-element'添加到polyfills.ts中。我有同样的问题，它确实奏效了。

关于这一点，有很好的article。

另请参阅this。