(A-Frame)本地gltf不会加载;无法读取未定义的属性“切片”

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(A-Frame)本地gltf不会加载;无法读取未定义的属性“切片”相关的知识,希望对你有一定的参考价值。

我从A-Frame School中获取了加载gltf模型的代码。然后我从Khronos,this box加载了Sample Models并尝试加载它,但是我得到了这个错误(好几次)

GLTFLoader.js:979 Uncaught (in promise) TypeError: Cannot read property 'slice' of undefined
at GLTFLoader.js:979
at i (GLTFLoader.js:570)
at GLTFLoader.js:975
at <anonymous>

我可以加载.obj模型并尝试了几个版本的模型,但总是得到错误。 示例代码在本地工作,这意味着它正确加载模型,从aframe cdn获取它。

下面是完成代码

<!DOCTYPE html>
<html>
  <head>
    <title>glTF Model</title>
    <meta name="description" content="glTF Model">
    <script src="https://rawgit.com/aframevr/aframe/b395ea0/dist/aframe-master.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-assets>
        <a-asset-item id="boxModel" src="Box.gltf"></a-asset-item>
      </a-assets>          
      <a-gltf-model src="#boxModel"></a-gltf-model>
    </a-scene>
  </body>
</html>  
答案

那些模型在2.0文件夹中,这意味着你需要glTF v2.0加载器。 A-Frame 0.5.0 / 0.6.0支持glTF v1。但是在A-Frame 0.7.0中支持glTF v2,但你可以使用Don McCurdy的gltf-model-next

https://github.com/donmccurdy/aframe-extras/blob/master/src/loaders/gltf-model-next.js

或者你可以从1.0文件夹中获取不同的模型:https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/1.0

另一答案

将Aframe版本替换为:

<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>

以上是关于(A-Frame)本地gltf不会加载;无法读取未定义的属性“切片”的主要内容,如果未能解决你的问题,请参考以下文章

GLTF 不渲染,卡在蓝色加载屏幕

html A-FRAME OBJ,MTL和GLTF SIMPLE DEMO

如何修复此错误:未捕获(承诺)类型错误:无法读取未定义的属性(读取“长度”)

AFrame gltf 加载器无法识别我的资产

A-frame 将 zip 包转换为 glb 用于草图工厂模型

无法加载 GLTF 对象