类型记录上带有NextJ的Aframe (不能使用标记)

Question

我对aframe很陌生，无法绕开它。我能够加载Aframe，但不能使用我想要使用的标记，更重要的是，我不能用实体加载模型，更不用说让它具有动画了。我肯定做错什么了。

我以前使用了react三根光纤的useLoader来加载，之前使用useAnimation钩子加载动画。我只是想简单地加载模型，并使其动画。

import { useEffect, useState } from "react";
import { Scene, Entity } from "aframe-react";

export default function right() {
  const [fr, setFr] = useState(false);
  useEffect(() => {
    require("aframe");
    console.log(require("aframe-react"));
    setFr(true);
    document
      .querySelector("a-assets")
  });

  return (
    <>
      <div className={styles.scene}>
        {fr && (
          <Scene background={{ color: "#004f00" }}>
            <Entity
              fbx-model="/ASSASSIN_07.fbx"
              scale="0.1 0.1 0.1"
              material={{ color: "orange" }}
              position={{ x: 0, y: 0, z: -15 }}
            />
            <Entity
              light={{ type: "directional" }}
              position={{ x: 0, y: 10, z: -5 }}
            />
            <Entity
              geometry={{ primitive: "box" }}
              material={{ color: "red" }}
              position={{ x: 0, y: 0, z: -5 }}
            />
          </Scene>
        )}
      </div>
    </>
  );
}

Answer 1

创建原语为我解决了这个问题，比如：

<Scene>
          <Entity primitive="a-assets">
            <Entity
              primitive="a-asset-item"
              id="model"
              crossOrigin="null"
              src="yourModel.fbx"
              modify-materials
            />
          </Entity>
.
.

</Scene>