无法使用 aframe-react 和 aframe 1.0.3 渲染 gltf 模型

Question

我正在使用以下版本的 aframe 和 aframe-react

"aframe": "^1.0.3",
"aframe-react": "^4.4.0",

我正在尝试渲染 gltf 模型 -

<Scene embedded>
  <a-assets>
    <a-asset-item id="earth" src="https://cdn.glitch.com/36cb8393-65c6-408d-a538-055ada20431b/Astronaut.glb?1542147958948"></a-asset-item>       
  </a-assets>

  <a-box color="red" depth="2" height="4" width="0.5" position="0 0 -2"></a-box>

  <Entity gltf-model={{src:'#earth'}}></Entity>

</Scene>

但是当盒子被渲染时，gltf 模型不会被渲染。 能否请你帮忙？

这是一个重新创建此问题的沙箱-

https://codesandbox.io/s/aframe-react-porh5

还添加了一个故障项目 -

https://glitch.com/~sturdy-fiber-qzojw9k2ki

Answer 1

在此示例中，您的模型使用 A-Frame 1.0.3 加载良好。 A-Frame React 捆绑了一个旧的 A-Frame 版本 (0.5.0)，该版本早于 glTF 2.0，这是您的模型格式。 仅供参考，由于对 3D 应用程序的性能影响，不再维护和不推荐使用A-Frame React