LitElement、d3 和 x3d显示 3D 轴的问题

我已经使用 the original demo here 中的 d3 和 x3d 实现了一个带有 3d 轴的 LitElement 问题是我在元素的渲染中没有看到 3d 轴。

此元素的一个版本是 up on github here，如果您想查看上下文中的所有代码并运行它以查看轴没有出现。

D3X3D 元素像这样扩展了 LitElement：

GraphQLResponse{data='User {id=null,userName=null,email=null}',errors='[]'}

我像这样从 shadow dom 获取 SVG :

export class D3X3D extends LitElement {
  render() {
    return html`
      <svg id="svg" viewBox="0 0 300 300" ></svg>
    `;
  }

我正在尝试像这样附加 x3d ：

    this.svg = d3.select(this.shadowRoot.querySelector("#svg"));

当他们使用 in their example 时：

this.x3d = this.svg.append("x3d")

问题是当我在浏览器中提供并打开 web 应用程序时，我看不到轴。