Creé un modelo en Blender y lo guardé como archivo .glb . Cuando trato de cargarlo en Three.js (usando Vue.js y, para ser precisos, Trois.js), encuentro un error 404 (not found) . Parece que la ruta es incorrecta, pero probé todas las opciones para crear una ruta relativa adecuada, sin embargo, ninguna funciona. No tengo idea de lo que está mal. Aquí está mi código:

BaseModel.vue

 <template> <Renderer ref="renderer" antialias resize=true shadow :orbit-ctrl="{ enableDamping: true, target }" > <Camera ref="camera" :position="camera.position" /> <Scene ref="scene" :background='bg_color'> <PointLight ref="light1" :intensity="scene.pointLight.intensity" :position="scene.pointLight.position" /> <GltfModel src="~assets/test.glb" /> </Scene> </Renderer> </template>

y mi directorio:

También probé ~/assets/test.glb , /src/assets/test.glb , ../../assets/test.glb pero fue en vano. Siempre el mismo error:

También verifiqué estos problemas, pero no ayudó: no se encontró el archivo GLTF 404

EDITAR: estoy agregando una estructura de carpetas tomada de las herramientas de desarrollo, no puedo ver el modelo 'text'glb' cargado en la carpeta de activos donde normalmente lo almaceno. Parece que no se ha cargado, no sé por qué. Y sí, actualicé las fuentes (Ctrl+R)