Estoy tratando de aprender Three.js comenzando con un tutorial Three.js que usa webpack. (Puede encontrar el repositorio del tutorial aquí ). Todo funciona hasta que intento importar el paquete midi-player-js que instalé con npm. Nada de lo que intento funciona. Probé la sintaxis require , así como la sintaxis import * as . Se lanzan diferentes errores, pero el más común es que Player (una de las clases del módulo) no se encuentra.
¿Qué está yendo mal? ¿Cómo puedo importar paquetes npm con esta configuración?
Mi archivo script.js de muestra se ve así, en este momento:
import * as MidiPlayer from "midi-player-js" const player = new MidiPlayer.Player(function(event) { console.log("Ticked") }); // Load a MIDI file player.loadFile('PATH_TO_MIDI_FILE'); player.play();Sin embargo, tenga en cuenta que he probado otras sintaxis de importación.
EDITAR: HTML de inicio
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ThreeJS Starter</title> </head> <body> <canvas class="webgl"></canvas> </body> </html>