Hola, soy relativamente nuevo en la programación y sigo aprendiendo. entonces el problema es que tengo 4 archivos index.html, index.js, teacher.js, person.js. el módulo de profesor contiene la clase Profesor y el módulo de persona contiene la clase Persona. cuando intento importarlo a index.js, muestra No se puede usar la declaración de importación fuera de un módulo en el navegador. alguien puede ayudar? Gracias.

archivo index.js

 import {Teacher} from "./teacher"; const teacher = new Teacher("Mosh", "MSc"); teacher.teach();

archivo person.js

 export class Person { constructor(name) { this.name = name; } walk() { console.log("walk"); } }

archivo profesor.js

 import {Person} from "./person"; export class Teacher extends Person { constructor(name, degree) { super(name); this.degree = degree; } teach() { console.log("teach"); } }