1

设想

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

  • 第一个完全按照本教程进行 - 不属于本文的一个更改是我必须执行“npm i document-register-element@1.8.1”才能使演示工作
  • 第二个使用获取rest api结果并创建页脚的服务

问题 1

在 IE 11 上，我们得到：

对象不支持“来自”[jsFileName].js 的属性或方法 (4,119596)

问题 2

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

经测试

测试运行页面

  • 使用“静态服务器”和http://localhost:9080
  • 通过直接访问构建文件 file:///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 文件的内容是正确的，所以 js 文件正在被 chrome、IE11 和 Firefox 访问
4

1 回答 1

0

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

有关于这个的好文章。

也参考这个。

于 2019-03-19T03:48:41.717 回答