En mi proyecto Angular, estoy usando el siguiente comando para construir el proyecto Angular:
ng build --base-href='/mysubfolder/'mysubfolder es la ruta desde donde se servirá el sitio Angular, es decir, https:/myotherdomain/mysubfolder
myotherdomain == algún otro sitio mysubfolder == sitio donde se servirá e implementará el proyecto Angular
El comando ng build --base-href='/mysubfolder/' agregará el texto /mysubfolder/ en la etiqueta base href de cada página como esta:
El sitio está funcionando bien hasta ahora. El problema surge cuando extiendo esta aplicación para usar https://scully.io/ para prender la aplicación Angular. Cuando uso el siguiente comando para prender la aplicación:
npx scully --se queja de tantos errores extraños relacionados con handleUnknownRoute:
⚠ handleUnknownRoute: "/mysubfolder/runtime.1e1f2c39fa49cf1c.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/polyfills.f7e3195ab4ce45af.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/main.918200bb3d790082.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/scripts.c48a99ff2e89312c.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/styles.6869685dcbc594de.css", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/runtime.1e1f2c39fa49cf1c.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/polyfills.f7e3195ab4ce45af.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/runtime.1e1f2c39fa49cf1c.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/polyfills.f7e3195ab4ce45af.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/main.918200bb3d790082.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/scripts.c48a99ff2e89312c.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/styles.6869685dcbc594de.css", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/polyfills.f7e3195ab4ce45af.js", 404:"" ⚠ handleUnknownRoute: "/mysubfolder/main.918200bb3d790082.js", 404:""Scully no puede renderizar previamente la aplicación.
¿Puedes compartir cómo solucionar la parte en la que puedo renderizar previamente la aplicación con Suclly en la parte superior?
Scully no tiene problemas cuando construyo el proyecto angular con el comando ng build, es decir, sin ningún subdirectorio, el problema surge solo cuando construyo el proyecto angular con el comando ng build --base-href='/mysubfolder/'.
¿Puede compartir qué configuración me falta para permitir que Scully renderice previamente la aplicación Angular con servicio de subdirectorio?
¿Cómo superar ese error handleUnknownRoute ?
Cuando ejecuta Scully, necesita servir su aplicación. Cuando usa la opción base-href de la CLI, actualizará index.html, pero el destino seguirá siendo ./dist/myApp que se copia en el servidor de Scully y fallará. (ya que no hay subcarpeta).
La solución fácil es usar el complemento scully-base-href-rewrite , en lugar de la opción Angular CLI.
Además, puede cambiar el nombre de su carpeta dist, pero eso es confuso al menos.