Profundizando en los detalles, estoy tratando de importar código de un archivo JS llamado GLTFLoader for Three.js. El objetivo es analizar un archivo .GLB y generar una Tetera.
HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Three.js #1 </title> <style> body{margin: 0;} </style> </head> <body> <script src="js/three.js"></script> // A dependecy. <script src="js/cube.js"></script> // The main script. <script src="js/loaders/GLTFLoader.mjs"></script> // The module I am trying to import code </body> // from. </html>El código de importación y el código que requiere la importación. Puede cargar el código completo si es necesario.
import {GTLFLoader} from "js/loaders/GLTFLoader.mjs" // Create a mesh. const loader = new GLTFLoader(); // Instantiate loader. loader.load("assets/models/utahteapot.glb", function (gltf) { // Load the model. scene.add(gltf.scene); // Add the loaded model to scene. }, undefined, function (error) { // Return an error if there is one. console.error(error); });Intenté usar la etiqueta "type="module"" dentro de la etiqueta del script, intenté cargar el código del cargador directamente desde la fuente de URL, intenté importar el código dentro del archivo HTML e incluso intenté crear un servidor local. para alojar estos archivos. No estaba haciendo eso antes, y todavía lo estoy haciendo ahora. Me he quedado sin ideas; No puedo encontrar una solución. EDITAR: Se me olvidó mencionar que la extensión del archivo GLTFLoader es .MJS debido a un error no relacionado que tuve junto con este error.
Encontré una solución. No era cómo escribía o indexaba los archivos, sino cómo los entregaba en mi servidor local.
El error MIME fue causado por los archivos que siempre regresaban como un tipo MIME incorrecto "sin formato/texto" cuando necesitaba que regresara como "aplicación/x-javascript". El error de importación se debió a que no agregué type="module" a mi archivo main.js dentro del archivo HTML.
Entonces, busqué un script de Python que creara un servidor LocalHost que sirviera los archivos correctamente. Eso significaba que podía etiquetar el archivo main.js como un módulo e importar lo que necesitaba de otros archivos.
NOTA: Es posible que deba cambiar su número de host local. El número establecido es 8080, y tuve que cambiar el mío a 8090 antes de que mis archivos se actualizaran. Tenga esto en cuenta si sus archivos no se actualizan o se devuelve un error.