问题 :three.js 引入 gltf 格式模型报错

RangeError: Invalid typed array length: 19275
    at new Float32Array (<anonymous>)
    at chunk-BL4KH43U.js?v=d7bae589:2460:19
    at async Promise.all (:5173/index 0)
    at async Promise.all (:5173/index 0)
    at async Promise.all (:5173/index 1)
    at async Promise.all (:5173/index 0)
    at async Promise.all (:5173/index 0)
    at async Promise.all (:5173/index 0)
    at async Promise.all (:5173/index 1)
    at async Promise.all (:5173/index 0)

解决方法

  • 文件地址不对:因为 gltf 格式模型文件默认是在根目录的 public 文件下 进行读取的,如果放在 src 里面,找不到文件,就会报以上的错误。
  • 缺少.bin 文件:如果文件移入到 根目录的 public 文件下还是报错,检查一下 gltf 模型是否没有适配的 bin 文件,有些.gltf 文件是需要和 **.bin** 文件相辅相成的 。