Nos hemos actualizado a Angular 12 recientemente y enfrentamos un problema en el que falta el mapa de origen del navegador y, debido a esto, no podemos depurar nuestros archivos de componentes porque no hay ninguno. ¿Alguien puede sugerir lo que me estoy perdiendo?
Puede ejecutar el siguiente comando para actualizar el cli angular. Espero que solucione el problema.
ng update @angular/cli@latest —-from=11 —-migrate-onlyAgregue: "sourceMap": true y "optimization": false en arquitecto -> construir-> opciones en su angular.json.
No olvide configurarlos para sus configuraciones de producción al revés.
Angular 12 cambió la "compilación ng" predeterminada para usar la configuración de "producción". Desea "sourceMap", así que intente agregar una configuración de "desarrollo" en su angular.json como este
"development": { "buildOptimizer": false, "optimization": false, "vendorChunk": true, "extractLicenses": false, "sourceMap": true, "namedChunks": true }Apunte con "ng build -c development", o cambie su configuración predeterminada para "ng serve", por ejemplo.
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "app:build" }, "configurations": { "production": { "browserTarget": "app:build:production" }, "development": { "browserTarget": "app:build:development" } }, "defaultConfiguration": "development" },Después de seguir la respuesta de @colche, todavía no pude generar el mapa de origen, después de encontrar algunas desventajas, obtuve la solución:
ng build --prod --source-map
Tienes que construir con el mapa fuente.