我在使用 JS 自定义元素(Web 组件)和 stenciljs 组件并支持 IE11 和现代浏览器时遇到问题。
我已经下载了模板启动项目https://github.com/ionic-team/stencil-component-starter并尝试了以下代码:
...
<script src="/build/app.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.1.0/custom-elements-es5-adapter.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.1.0/webcomponents-lite.js"></script>
<script>"custom element written in plain js transpiled to ES5"</script>
...
<body>
<my-app></my-app>
<custom-element></custom-element>
</body>
我在 Chrome 中收到此错误:
未捕获的 TypeError:如果没有 new j 处的“new”,就无法调用类构造函数(custom-elements-es5-adapter.js:4)
如果不使用 polyfill,它在任何浏览器中都不起作用。
如何将模板组件与普通 JS 自定义元素(Web 组件)一起使用?