Tengo un archivo html simple:
<html> <head> <meta charset="utf-8"/> <title>Test</title> </head> <script type="module"> import init from './target/test.js' init() </script> </html> Y en la carpeta de destino un archivo test.js :
function init() { console.log("It works"); } export default init;Pero cuando abro el archivo html con Firefox obtengo los siguientes errores en la consola:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/wanne/Bureaublad/hmm/target/test.js. (Reason: CORS request not http). Module source URI is not allowed in this document: “file:///C:/Users/wanne/Bureaublad/hmm/target/test.js”.De acuerdo con este artículo , los módulos en ejecución requieren una conexión HTTP(s) y no funcionarán localmente:
Si intenta abrir una página web localmente, a través del protocolo file://, encontrará que las directivas de importación/exportación no funcionan. Use un servidor web local, como un servidor estático, o use la capacidad de "servidor en vivo" de su editor, como VS Code Live Server Extension para probar los módulos.
Así que sugeriría exactamente eso y, en lugar de ejecutarlo localmente, use una extensión de servidor en vivo desde su editor de texto preferido.