javascript - 加载 Web 组件 Polyfill 时，将 `textContent` 设置为未定义时，Firefox 会抛出异常

Question

我们的团队正在开发原生 V1 Web 组件。

一位同事在对一个组件运行测试时遇到错误，但仅限于 Firefox。

仅当将 textContent 的值设置为 undefined 时才会发生错误。

Answer 1

这是由于following line在 Shadow DOM 填充中。

  if (text.length > 0 || this.nodeType === Node.ELEMENT_NODE) {
      this.appendChild(document.createTextNode(text));
  }

在文件patch-accessors.js中:text.length如果 text 则无法工作设置为null .

我打开了一个 issue on github .

如果你不需要 Shadow DOM，你可以只导入不需要 Shadow DOM 的 polyfill:

<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.20/webcomponents-hi-ce.js"></script>