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

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

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

<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模型-

<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>

<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>

<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>

还添加了一个故障项目-

<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>

使用A-Frame 1.0.3，您的模型可以很好地加载。A-Frame React捆绑了一个旧的A-Frame版本（0.5.0），它早于glTF 2.0，glTF 2.0是您模型的格式。仅供参考，A-Frame React是由于3D应用程序的性能影响而产生的
帮助他人帮助您。提供复制示例的链接。创建了沙盒-页面未加载，存在控制台错误。Glitch可能是个更好的途径嗨Diego我创造了一个Glitch-
<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>