javascript - 当加载webcomponent polyfill时，将“textContent”设置为undefined时，Firefox抛出异常

我们的团队正在开发本地V1 Web组件。

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

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

最佳答案

这是由于Shadow DOM polyfill中的following line。

  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，则可以仅导入polyfill，而无需Shadow DOM：

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

关于javascript - 当加载webcomponent polyfill时，将“textContent”设置为undefined时，Firefox抛出异常，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47822879/