el problema que tengo es que estoy creando un html, css y js que se va ejecutar en la PC del usuario (LOCAL), es de uso interno, y por esto NO SE REQUIERE LEVANTAR UN SERVIDOR, pero no se como configurar mi Chrome para que lea los archivos JS sin infringir las Políticas de CORS (ya pase esta alcabala) y además no valide el mensaje de error con problemas con MIME.
Este es mi codigo:
Estructura de la Carpeta:
HTML
|__ index.html
|__ js
|__main.js
|__datos.js
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="module" src="js/main.js"></script>
</body>
</html>
main.js
import robin from './datos.js';
console.log(robin);
datos.js
var robin = {
firstName: 'Robin',
lastName: 'Wieruch',
};
export default robin;
Si ejecutamos esto en forma LOCAL (SIN SERVIDOR) nos da el siguiente mensaje de error:
Access to script at 'file:///C:/MI/RUTA/COMPLETA/HTML/js/main.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
Sin embargo consegui una solucion, no estoy muy conforme, para saltarme el mensaje de error anterior y por eso la coloco y la explico paso a paso:
- Crear (aparte) un acceso directo de Google Chrome.
- Botón derecho "Propiedades"
- Donde dice "Destino:" colocar: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files file:///C:/MI/RUTA/COMPLETA/HTML/index.html
Ahora con este nuevo acceso directo creado lo ejecuto y ya NO SALE MENSAJE DE ERROR DE CORS y Si alguien tiene otra alternativa que pueda sugerirme se lo agradeceria. No se si se pueda crear una Exclusión en Google Chrome con la Ruta (file:///C:/MI/RUTA/COMPLETA/HTML/index.html) o se Pueda colocar el permiso directamente en alguna parte del html o Javascript
Lo cierto es que hasta aquí ya estaba contento, después de durar dias buscando una solución, logre saltar la política CORS, pero no todo es color rosa y ahora me sale el siguiente error en MIME:
Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.
Después de buscar otros días más una posible solucion lo unico que leo es que debo cambiar Type de Javascript de <script type="module" src="...">
a <script type="text/javascript" src="...">
pero si hago esto pierdo las opciones de Import y Export.
Agradecido por la atencion y espero que puedan ayudarme!! Tome en cuenta que esto es JAVASCRIPT NATIVO y SIN SERVIDORES LOCALES