我写了一个关于故障的演示场景来测试我在一个框架中导出的 gltf 模型，但我在控制台中收到一个错误:
我的代码
<!DOCTYPE html>
<html>
<head>
<title>Basic Scene - A-Frame</title>
<meta name="description" content="Basic Scene - A-Frame">
<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item id="gltfDemo" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fexport.gltf?1499844855169"></a-asset-item>
<a-asset-item id="buffer_0.bin" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fbuffer_0.bin?1499844851189"></a-asset-item>
<a-asset-item id="buffer_1.bin" src="https://cdn.glitch.com/a3c2afff-dcc6-4918-bb73-5716b35f39b0%2Fbuffer_1.bin?1499844853034"></a-asset-item>
</a-assets>
<a-entity gltf-model="#gltfDemo"></a-entity>
<a-sky color="#000"></a-sky>
<a-light type="ambient" color="#445451"></a-light>
<a-plane color="#050" rotation="-90 0 0" height="100" width="100"></a-plane>
<a-camera>
<a-cursor color="#FAFAFA"></a-cursor>
</a-camera>
</a-scene>
</body>
</html>错误:
VM1762:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at e.parse (GLTFLoader.js:68)
at GLTFLoader.js:32
at three.js:29160
源文件:
Glitch Fiddle with source files
我有一种感觉，我错误地将 gltf 导入到故障中或以错误的方式使用它。有谁能够帮助我？
最佳答案
据我了解，您的 .gltf 包含对 .bins 和 .jpg 纹理的引用。 Glitch 并不是那么简单，而且这些文件不在一个“目录”中，正如您在获得链接时所看到的那样。
您得到的错误是由 aframe 尝试解析空/不存在的源文件(bins 和 jpgs)引起的。
我认为如果您将这些文件放在您的服务器上可能会更好，或者如果您愿意(因为目录很简单)将其放在 github 上。
您还可以更改 .gltf 中的文件路径类似建议的文件 here .
关于aframe - Archilogic gltf 模型无法加载到框架中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45051403/