Vanilla JavaScript 自定义元素类型错误答案

【问题标题】：Vanilla JavaScript Custom Elements TypeErrorVanilla JavaScript 自定义元素类型错误
【发布时间】：2018-09-27 00:42:36
【问题描述】：

我的问题是关于为自定义元素扩展 HTMLElement。

class Foo extends HTMLElement { ... }

class Bar extends Foo { ... }

class FooBar extends Bar { ... }

他们每个人都在构造函数中调用 super()。

当我使用 Bar 定义自定义元素时，我没有收到任何错误

customElements.define( 'custom-tag', Bar );
or
customElements.define( 'custom-tag', class Bar extends Foo { ... } );

我正在尝试使用 FooBar 类定义自定义元素。

customElements.define( 'other-custom-tag', FooBar );
or
customElements.define( 'other-custom-tag', class FooBar extends Bar { ... } );

但我得到了

Uncaught TypeError: Failed to execute 'define' on 'CustomElementRegistry':
The provided value cannot be converted to a sequence.

通过 Mozilla 文档

TypeError   The referenced constructor is not a constructor.

我找不到与此问题相关的任何内容...

【问题讨论】：

【解决方案1】：

问题很可能是static get observedAttributes() - 在我的情况下，我有一个愚蠢的错字，在一个数组上使用push，它返回新数组元素的count，而不是数组本身（替换为concat，就像一个魅力）。

换句话说，只要确保静态 getter 返回一个数组就可以了 ?

【讨论】：