Javascript Three.js gltf加载程序在尝试添加3D文本时出现异常行为

Javascript Three.js gltf加载程序在尝试添加3D文本时出现异常行为,javascript,html,three.js,gltf,Javascript,Html,Three.js,Gltf,想法是加载Blender中制作的预构建gltf场景。然后使用ttf加载程序添加一些3D文本并对其进行操作。 我尝试使用示例中的代码,当我单独使用它们时,每个加载程序都能完美地工作。但当我把它们组合成一个脚本时,真正奇怪的事情开始发生了。 当我先添加gltf场景,然后再添加3D文本时,文本会神奇地消失。控制台什么也没说。我试图改变装载顺序。当我在gltf之后加载文本时,gltf的内容消失,唯一的文本保持可见。 截图: 控制台说 three.module.js:16177 Uncaught Typ

想法是加载Blender中制作的预构建gltf场景。然后使用ttf加载程序添加一些3D文本并对其进行操作。 我尝试使用示例中的代码,当我单独使用它们时,每个加载程序都能完美地工作。但当我把它们组合成一个脚本时,真正奇怪的事情开始发生了。 当我先添加gltf场景,然后再添加3D文本时,文本会神奇地消失。控制台什么也没说。我试图改变装载顺序。当我在gltf之后加载文本时,gltf的内容消失,唯一的文本保持可见。 截图:

控制台说

three.module.js:16177 Uncaught TypeError: Cannot read property 'type' of undefined
    at WebGLIndexedBufferRenderer.setIndex (three.module.js:16177)
    at WebGLRenderer.renderBufferDirect (three.module.js:23910)
    at renderObject (three.module.js:24601)
    at renderObjects (three.module.js:24571)
    at WebGLRenderer.render (three.module.js:24350)
    at render (main.js:73)
    at onAnimationFrame (<anonymous>:116:3)
    at <anonymous>:85:5
html:


!!!测试!!!
html,正文{边距:0;填充:0;溢出:隐藏}
解决了! 我从libs/three.module.js导入,而GLTFLoader和TTFLoader都依赖于build/three.module.js中的副本。取代

import*作为“/libs/THREE.module.js”中的三个;

import*作为“/build/THREE.module.js”中的三个;
(感谢官方Three.js论坛的@donmccurdy)

解决了! 我从libs/three.module.js导入,而GLTFLoader和TTFLoader都依赖于build/three.module.js中的副本。取代

import*作为“/libs/THREE.module.js”中的三个;

import*作为“/build/THREE.module.js”中的三个;

(感谢官方Three.js论坛的@donmccurdy)

你能在这个帖子中分享
text+cube.gltf
和相关文件吗?谢谢你的关注!当然,已经做了,项目文件的链接在文章的底部。完整的项目在一个zip。你能在这个线程中共享
text+cube.gltf
和相关文件吗?谢谢你的兴趣!当然,已经做了,项目文件的链接在文章的底部。完整的项目在单一的邮政编码。