IE 11 中的 WebComponents 支持 - PolyFills

Question

我有一个在 chrome 中工作的 Web 组件。我正试图让它出现在 IE 11 中。

我在我的主索引页面中添加了这一行：

<script type="text/javascript" src="app/shared/headerComponent/webcomponents-lite.js"></script>

我已将文件复制到所述目录。重建和部署网站后，在 IE 中看不到 Web 组件，在 Chrome 中显示正常。

我错过了什么吗？

2017 年 9 月 6 日更新

我现在收到此错误：

文件：webcomponents-lite.js，行：137，列：460 无法获取未定义或空引用的属性“documentElement”

行是这样的：

var a=this.ownerDocument;if(a&&a.contains&&a.contains(this)||(a=a.documentElement)&&

所以，看起来 polyfill 正在加载但没有正确执行。另外，我在连接和断开的回调中放入了一些 console.log，它们也没有被调用。

Answer 1

我添加了这些 polyfill(s)/库：

<script type="text/javascript" src="app/shared/headerComponent/webcomponents-lite.js"></script>
<script type="text/javascript" src="app/shared/headerComponent/custom-elements.min.js"></script>

此外，位置也会有所不同。我把这些放在头标签后面。由于需要进行 DOM 操作，因此主体无法正常工作。

我添加了 custom-elements.min.js，因为我们也使用了自定义元素的 v1 规范。

此后，Web 组件在 IE 11 中可见。