Estoy usando Angular 12 y recibo el siguiente error como resultado de la configuración de mis rutas: RangeError: se excedió el tamaño máximo de la pila de llamadas .

Mi app.routes.ts está configurado para traer rutas de diferentes archivos. Actualmente tengo aproximadamente 580 rutas configuradas de la siguiente manera:

 import { accountRoutes } from "./routes/app.routes.account"; export var routes: Routes = [ // a few top level routes defined here ]; routes = routes.concat(accountRoutes); routes = routes.concat(fileOne); routes = routes.concat(fileTwo);

Esto funcionaba bien hasta que traté de agregar otra ruta y comencé a recibir el error de pila de llamadas. No hay problemas con la ruta en sí, ya que si elimino varias otras rutas, funciona como se esperaba.

Intenté usar un bucle for en lugar de array.concat, también intenté usar la sintaxis extendida pero obtengo el mismo error.

Actualmente, mi solución es agregar nuevas rutas directamente a app.routes.ts en lugar de intentar traerlas desde otro archivo.

¿Puede alguien ayudarme a explicar lo siguiente?

1. ¿Por qué funciona mi solución alternativa? La matriz de rutas tiene el mismo tamaño en ambos casos
2. Si la aplicación Angular ya está cargada y navego a la ruta más reciente que agregué, el error no ocurre, solo ocurre si actualizo la página desde esa ruta