构建失败 'HTMLElement'

Question

我运行my-widget.js通过babel（es2015预设）生成my-widget-es5.js。这会导致 Polymer 出错。

Class constructor PolymerElement cannot be invoked without 'new'
    at new MyWidget (my-widget.js:##)
    at mw-widget.js [sm]:##

文件结构

out
 |
 -- my-widget-es5.js
js
 |
 -- my-widget.js
html
 |
 -- my-widget.html

我的-widget.html

<dom-module id="my-widget">
    <template>
        <script src="/out/my-widget-es5.js"></script>
    </template>
</dom-module>

我的-widget.js

class MyWidget extends Polymer.Element {
    static get is() {
        return 'my-widget';
    }
}

customElements.define(MyWidget.is, MyWidget);

Answer 1

According to SO 用户@joncarlson:

您可以使用 Webcomponentsjs 提议的 custom-elements-es5-adapter.js 文件找到解决方案。

Answer 2

看看下面的link。只需使用 es5 捆绑的预设版本，您就可以开始使用了。它将包括@Supersharp 提到的 custom-elements-es5-adapter.json 的条件加载。

Failed to construct 'HTMLElement'