VS Расширение Code Chrome Debugger (обе последние версии) использует файл launch.json для информирования chrome о дальнейших действиях. Когда я создаю угловое приложение (CLI версии 7.3.9) и начинаю обслуживать его локально, я могу успешно открыть приложение через отладчик chrome, однако точки останова «не связаны», возможно потому, что я неправильно установил webRoot
и / илиsourceMapPathOverrides
Мой файл launch.json в его текущем состоянии для справки
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome debugger against localhost",
"url": "http://localhost:4200
"webRoot": "${workspaceFolder}/dist/wwwroot",
"sourceMaps": true,
// "sourceMapPathOverrides": {
// "webpack:///./src/*": "${webRoot}/*"
// }
}
]
}
Структура моей папки для моего углового проекта (с измененным именем папки проекта и удалением некоторых вещей для ясности)
main.js.map и другие источники правды
В projectFolder / dist / wwwroot / main.js.map "sources"
содержит записи типа "webpack:///./src/main.ts"
В projectFolder / angular.json проект содержит "root": "", "sourceRoot": "src",
И в том же angular.json параметры сборки содержат "outputPath": "dist/wwwroot", "index": "src/index.html", "main": "src/main.ts",
мои вопросы
Каким должен быть webRoot
? Какие идентифицируемые имена файлов / папок определяют его, поэтому этот вопрос может относиться не только к моему конкретному проекту.
Каким должен быть sourceMapPathOverrides
, если что-нибудь есть? Я знаю, что есть сопоставления по умолчанию, которые пытается использовать отладчик chrome, поэтому, возможно, они правы, но я просто неправильно устанавливаю webRoot.
Вся официальная документация и другие поиски в Интернете никогда не объясняют точно, какэти источники назначения определены. В лучшем случае я получаю расплывчатые описания, такие как «где хранятся исходные файлы» и тому подобное.