Recibo un error de No encontrado al importar una imagen para usarla como textura en un componente de textura del módulo Trois.js.

Creé un proyecto usando Vue Cli e importé Trois.js a un componente y allí comencé a jugar con un ejemplo de cubo. Aquí está el código:

 <template> <Renderer ref="renderer" :resize="true" orbit-ctrl> <Camera ref="camera" :position="{ z: 10 }" /> <Scene ref="scene" background="#cdcdcd"> <PointLight ref="light" :position="{ y: 50, z: 50 }" /> <Box ref="box" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }"> <PhongMaterial> <Texture src="@/assets/logo.png" /> </PhongMaterial> </Box> </Scene> </Renderer> </template> <script> export default { mounted() {}, }; </script> <style scoped></style>

Traté de usar cada material disponible (BasicMaterial, LambertMaterial, etc), pero el error no está relacionado con esto.

Esta es la imagen al comentar la línea de Textura : sinTextura

Y este sin comentar: withTexture

El directorio de trabajo se ve así: workDirectory

También intenté cambiar el tipo de ruta, usando relativa, absoluta... No cambió nada.