Angular: Compilar proyecto para que funcione en Safari


Cuando compilas un proyecto de Angular por defecto no marca las librerías JS del paquete a distribuir como crossOrigin por lo que cuando intentes cargar la web en Safari no funciona.

Para evitar este problema puedes, o bien editar manualmente el fichero index.html de la distribución añadiendo crossdomain a todos los scripts, por ejemplo:

<script src="runtime-es2015.js" type="module" crossdomain>

O bien editar el fichero angular.js para agregar una propiedad a la configuración de la compilación:

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "crossOrigin": "anonymous",

De esta manera no tienes que estar editando el fichero index cada vez que quieres distribuir el proyecto y los usuarios podrán cargar tu web en su Mac o en su Iphone.

Espero que te sea de utilidad ^_^.

Comentarios