Google chrome Chrome67破坏了我的网络组件&x1F62F；

出于某种奇怪的原因，从Chrome66到Chrome67的更新破坏了我的web应用程序的网络组件

顶部的地图是通过WebComponent自定义元素定义的。应该注意的是，它不是通过阴影DOM渲染的。通过将子对象

附加到“我的地图”组件中，可以直接渲染它

Chrome 66的DOM：

<bj-map ...>
  <img src="...">
</bj-map>

---

有什么方法可以调试这个神奇的问题吗？

从

customElements.define（'bj-map'，map，{extends:'div'}）中删除
{extends:'div'}

类映射扩展HTMLElement
没有扩展
HTMLElement
，因此不需要在
定义中指定扩展

有其他详细信息。
Chrome开发工具中是否有错误？尝试删除
{extends:'div'}
，Map正在扩展
HTMLElement
而不是
HTMLElement
@abraham就是这样！（如果你把它写下来作为回答，我可以认为它是正确的）。
<bj-map ...></bj-map>

class Map extends HTMLElement {

  connectedCallback () {
    this.render()
  }

  render () {
    const src = this.getMapSource()

    this.innerHTML = `
      <img src="${src}"></img>
    `
  }
}

customElements.define('bj-map', Map, { extends: 'div' })

export default Map