GLTF 不渲染，卡在蓝色加载屏幕答案

【问题标题】：GLTF doesn't render, stuck in blue loading screenGLTF 不渲染，卡在蓝色加载屏幕
【发布时间】：2021-12-27 18:39:15
【问题描述】：

我正在尝试将 GLTF 模型加载到 A-Frame 脚本中。

这是我的 index.html：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-assets>
        <a-asset-item id="guiana" src="/assets/guiana.glb"></a-asset-item>
      </a-assets>

      <a-entity gltf-model="#guiana"></a-entity>
    </a-scene>
  </body>
</html>

在我的项目文件夹中，我有一个包含 guiana.glb 文件的 assets 子文件夹。

将 index.html 放入 Chrome 后，我卡在蓝色的加载屏幕中：

任何调试技巧都将不胜感激！谢谢！

【问题讨论】：

标签： aframe gltf

【解决方案1】：

原来这是一个跨站点脚本问题（您可以通过查看开发人员工具控制台来判断）。解决此问题的一种方法是将 .GLB 文件上传到其他地方，并在 index.html 中包含完整的 URL。

【讨论】：