He buscado respuestas en SO y en la Web, pero hasta ahora no he encontrado nada que me haya ayudado. Al navegar a mi sitio de prueba (ver más abajo), recibo este error: Importing binding name 'Person' is not found.

De index.html:

 <script type="module" src="js/person.js"></script> <script type="module" src="js/script.js"></script>

Desde script.js:

 import {Person} from '/js/person.js';

De person.js:

 export class Person { constructor( firstName, lastName, email ){ this.firstName = firstName; this.lastName = lastName; this.email = email; } setFirstName(firstName){ this.firstName = firstName; } setLastName(lastName){ this.lastName = lastName; } setEmail(email){ this.email = email; }

}

Toda la documentación que he encontrado parece indicar que estoy haciendo esto correctamente y, sin embargo, aparece el error. ¿Alguna idea, alguien?

ACTUALIZAR Todo funciona bien en Windows, pero no con MacOS 12 en Safari, Firefox o Chrome. ¿Por qué?