Internet explorer 是否有针对Internet Explorer的自定义元素？

我正在尝试在我的应用程序中使用自定义元素，并使其兼容所有浏览器（Chrome、Safari、Opera、FireFox、IE）。我用巴贝尔把代码从ES6传输到了ES5

我研究了Polyfills，通过使用以下工具，可以在除Internet Explorer之外的所有浏览器上本地运行该网站：

<script src="../node_modules/webcomponents.js/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/shadydom/shadydom.min.js"></script>
script src="../node_modules/@webcomponents/custom-elements/custom-elements.min.js"></script> 

script src=“../node_modules/@webcomponents/custom elements/custom elements.min.js”>

我已经研究过自定义元素es5适配器，但IE永远不会工作，其他一些工作的浏览器也会崩溃

我一直在跨浏览器测试站点测试IE，检查时没有看到任何错误消息。

---

您使用的是什么元素

添加通过

如果组件只使用受支持的内容，那么在IE11中工作正常

然而，您的组件很可能是用ES6编写的，这意味着它们需要像babel这样的东西来传输

如果你有一个简单的组件，你可以通过在这里粘贴代码来测试它，然后将结果提供给IE11

最有可能的情况是，您希望为您的应用程序创建一个自动执行该操作的构建步骤。

---

或者对于开发，您可以只使用

npmi-gpolymer cli

和do

polymer serve

，这将在需要时自动传输代码。（它还将提供差异化服务，例如，将es6服务于支持它的浏览器（如chrome），将es5服务于不支持它的浏览器（如IE11））

遇到了类似的问题

解决方案是加载

https://cdnjs.cloudflare.com/ajax/libs/core-js/2.5.7/core.min.js

在其他多边形填充之前

（Am使用

webcomponents loader.js

）

还请注意，脚本似乎在加载时解释（设置

.src

后的时间），但在附加到文档之前不会运行。-因此，请确保在加载必要的多边形填充之前不要开始加载依赖库，因为即使脚本尚未运行/追加，它仍会告诉您，例如，

customElements未定义

您阅读了吗