javascript - 如何让 Polymer 2.0 ES5 元素使用 v1 规范？

Question

我已经成功构建了许多 Polymer 2.0 元素，它们在支持 ES6 的浏览器中运行良好。

当我尝试将它们转换为 ES5 时，浏览器会抛出一堆错误，如下所示：

Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

经过一些研究，您似乎需要一个与 webcomponentsjs-es5-loader 一起提供的 native-shim，但在切换到该组件后，现在我遇到了一个新错误：

Class constructor DomModule cannot be invoked without 'new'

转译的 Polymer 2.0 元素如何在 ES5 浏览器中使用？我错过了什么吗？

Answer 1

要使用自定义元素 V1 规范，您必须使用类。但是 ES5 浏览器不支持类。所以有一个适配器允许 ES5 浏览器像使用类一样工作。

有关更多信息，请参阅：https ://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs。

在定义自定义元素之前，您需要在 ES5 浏览器中包含适配器。这适用于 Native 组件以及 Polymer 2+ 组件。