Versiones:
Angular CLI: 11.2.11 Node: 14.16.0 VS Code: 1.59.0 Chrome: 92.0.4515.131 Debugger for Chrome (Nightly): v2020.2.15300 JavaScript Debugger (Nightly): v2021.8.217 (No other VS Code extensions loaded)
Ambiente
Windows 10: ejecutándose como usuario limitado. No puedo instalar nada más que software aprobado, lo que significa que estoy atascado con la versión de Node anterior, puedo actualizar VS Code, pero no instalar una versión específica, etc.
lanzamiento.json:
{ "name": "Launch PWA-Chrome", "request": "launch", "type": "pwa-chrome", "url": "http://localhost:4200/", "webRoot": "${workspaceFolder}" }, { "name": "Attach to Chrome", "port": 9222, "request": "attach", "type": "pwa-chrome", "webRoot": "${workspaceFolder}" }
Como cuando:
Investigación y lo que he probado:
Las compilaciones angulares optimizan los scripts utilizando varias estrategias. Deberías desactivarlo. Utilice los siguientes ajustes de configuración. La clave es deshabilitar la optimización y minificación de compilación. Después de su sesión de depuración, puede restaurarlos a sus valores originales.
"sourceMap": true, "buildOptimizer": false, "optimization": false, "serviceWorker": false
Si lo anterior no funciona, pruebe esta combinación que deshabilita explícitamente las optimizaciones para cada tipo de recurso
"sourceMap": true, "buildOptimizer": false, "serviceWorker": false, "optimization": { "scripts": false, "styles": false, "fonts": false }
Lea más: https://angular.io/guide/workspace-config#optimization-configuration
VS Code usa un archivo llamado launch.json
. Asegúrese de que el archivo tenga la configuración correcta. A continuación se muestra una configuración de muestra. Modifique los detalles de su aplicación (asegúrese de usar la configuración de inicio/depuración debug-my-pwa-app
de su VS Code)
{ "version": "0.2.0", "configurations": [ { "type": "pwa-chrome", "request": "launch", "name": "debug-my-pwa-app", "url": "http://localhost:4200", "webRoot": "${workspaceFolder}" } ] }
¿Puedes depurar simplemente poniendo:
// ... code debugger // ... code
, dentro de tu código?