Javascript 加载webcomponent polyfill时,Firefox将“textContent”设置为未定义时引发异常

Javascript 加载webcomponent polyfill时,Firefox将“textContent”设置为未定义时引发异常,javascript,firefox,web-component,polyfills,Javascript,Firefox,Web Component,Polyfills,我们的团队正在开发原生V1 Web组件 一位同事在为一个组件运行测试时出错,但只在Firefox中出错 仅当将textContent的值设置为undefined时,才会发生错误。我创建了一个初始测试,并且没有失败: var el=document.querySelector(“#外部”); el.textContent='value'; el.textContent=未定义 我创建了一个初始测试,它没有失败: var el=document.querySelector(“#外部”); el.

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

一位同事在为一个组件运行测试时出错,但只在Firefox中出错


仅当将
textContent
的值设置为
undefined

时,才会发生错误。我创建了一个初始测试,并且没有失败:

var el=document.querySelector(“#外部”);
el.textContent='value';
el.textContent=未定义

我创建了一个初始测试,它没有失败:

var el=document.querySelector(“#外部”);
el.textContent='value';
el.textContent=未定义
这是由于阴影中的DOM多边形填充

  if (text.length > 0 || this.nodeType === Node.ELEMENT_NODE) {
      this.appendChild(document.createTextNode(text));
  }
在文件patch-accessors.js中:
text.length
如果
text
设置为
null
,则无法工作

我已经开了一家银行

如果不需要阴影DOM,则只能导入不带阴影DOM的多边形填充:

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

这是由于阴影中的DOM多边形填充

  if (text.length > 0 || this.nodeType === Node.ELEMENT_NODE) {
      this.appendChild(document.createTextNode(text));
  }
在文件patch-accessors.js中:
text.length
如果
text
设置为
null
,则无法工作

我已经开了一家银行

如果不需要阴影DOM,则只能导入不带阴影DOM的多边形填充:

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

这是ShadyDOM的一个有效问题。我提交了拉取请求,该请求将解决此问题:

textContent
设置为
undefined
null
不应失败,但应将
textContent
设置为空字符串:


这是ShadyDOM的一个有效问题。我提交了拉取请求,该请求将解决此问题:

textContent
设置为
undefined
null
不应失败,但应将
textContent
设置为空字符串: