VSCode Debugger Просто сидит там и ничего не делает - PullRequest
Новая
       9

VSCode Debugger Просто сидит там и ничего не делает

0 голосов
/ 11 декабря 2018

Итак, у меня есть проект Angular, и я действительно хочу, чтобы отладка работала с VSCode и Chrome.Я уже прочитал около 30 различных руководств и учебных пособий по конфигам и различным рецептам отладки и перепробовал их все.Я везде проверял переполнение стека, и многие посты устарели и не предлагают решения.Я хочу, чтобы конфигурация launch работала (не вложение).Вот мой текущий файл launch.json: 

  {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "chrome",
          "request": "launch",
          "name": "Angular Launch",
          "url": "http://localhost:4200/#",
          "webRoot": "${workspaceFolder}",
          "sourceMaps": true,
          "sourceMapPathOverrides": {
            "./*": "${webRoot}/*",
            "src/*": "${webRoot}/*",
            "*": "*",
            "./~/*": "${webRoot}/node_modules/*"
          }
        }
      ]
    }

Всякий раз, когда я нажимаю run debug, он просто загружается вечно, и ничего не происходит: What happens after clicking run debug

IЯ попытался изменить различные параметры, я включил удаленную отладку в Chrome, использовал userDir в true и false.Я получил его для запуска пару раз, без изменений в конфигурации, которая запускает Chrome, затем панель инструментов отладки исчезает без журналов, предупреждений или ошибок.Я попытался отключить все расширения, кроме подключаемого модуля Chrome Debugger.

Текущие версии: 

Angular CLI: 6.0.7
Node: 8.11.3
OS: win32 x64
Angular: 6.0.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.3
@angular-devkit/build-angular     0.6.3
@angular-devkit/build-optimizer   0.6.3
@angular-devkit/core              0.6.3
@angular-devkit/schematics        0.6.7
@angular/cli                      6.0.7
@ngtools/webpack                  6.0.3
@schematics/angular               0.6.7
@schematics/update                0.6.7
rxjs                              6.1.0
typescript                        2.7.2
webpack                           4.8.3

VSCode: последние

Ответы [ 2 ]

0 голосов
/ 11 декабря 2018 
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Angular Launch",
      "type": "chrome",
      "request": "launch",
      "url": "https://localhost:4200/",
      "webRoot": "${workspaceFolder}",
      "sourceMaps": true,
      "smartStep": true,
      "internalConsoleOptions": "openOnSessionStart"
    }
  ]
}

Очевидно, это был идеальный ответ.

0 голосов
/ 11 декабря 2018

Убедитесь, что ваша папка .vscode/ находится в вашей корневой папке.Затем убедитесь, что у вас установлен Debugger for Chrome.Рефакторинг вашего launch.json с использованием этой конфигурации: 

{
 "name": "Angular Launch",
 "type": "chrome",
 "request": "launch",
 "url": "http://localhost:4200/",
  "webRoot": "${workspaceFolder}"   // <- make sure here you have not subfolder.
}

, затем запустите ваше угловое приложение, используя ng serve или сценарии npm, такие как npm run start.Перейдите в меню отладчика и запустите запуск.

...