He estado tratando de configurar un entorno de prueba con el fin de aprender ThreeJS. Al intentar importar FBXLoader desde ThreeJS, encontré un problema. Por alguna razón me sale el siguiente error:
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".Intenté usar todos los formatos de ruta posibles que se me ocurrieron, pero no parece resolver el problema. Sin embargo, el mismo formato de archivo que estoy usando actualmente parece funcionar perfectamente bien para importar three.module.js.
El código en mi main.html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> <!-- <script src="node_modules/three/build/three.js"></script> <script src="node_modules/three/examples/jsm/loaders/FBXLoader.js"></script> --> </head> <body> <script type="module" src="/node_modules/main.js"></script> </body> </html>El código en main.js (todo lo demás está comentado para solucionar este error):
import { FBXLoader } from "./three/examples/jsm/loaders/FBXLoader.js"¿Qué estoy haciendo mal?
Descubrí que necesito un paquete para esta importación. Instalé webpack, y ahora parece estar funcionando.