无法使用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-fibre-qzojw9k2ki

Answer 1

您的模型在使用A-Frame 1.0.3的this example中加载正常。A-Frame React捆绑了一个旧的A-Frame版本(0.5.0)，该版本早于您的模型格式的glTF 2.0。仅供参考，由于3D应用程序的性能影响，A-Frame React是no longer maintained and not recommended