Revisé algunos temas similares aquí en SO pero no puedo encontrar una solución a mi problema. El problema es que el modelo .glb no se carga en absoluto. La aplicación My Vue usa un paquete web (yo uso el marco Quasar que tiene un paquete web incorporado). Configuré Webpack para agrupar archivos .glb (leí que file-loader es suficiente aquí). No ayuda. Mi modelo se encuentra en la carpeta de assets . Algunos dicen que el modelo 3D debe colocarse en una carpeta public (o static ). Lo he probado y ambas soluciones no funcionan en mi caso.

Cargué el modelo en main_three.js y actualicé el paquete web en quasar.conf.js . Aquí hay un ejemplo reproducible: https://codesandbox.io/s/interesting-mendeleev-3e1zoy?file=/src/store/model/main_three.js

main_tres.js

 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; const loader = new GLTFLoader(); loader.load("~assets/Flower.glb", (glb) => { state.scene.add(glb.scene); });

quasar.conf.js

 chainWebpack(chain) { chain.module.rule('glb') .test(/\.glb$/) .use('file-loader') .loader('file-loader') }