Как я могу отладить ASP. NET Core и Vue. js из кода VS? - PullRequest
Новая
       47

Как я могу отладить ASP. NET Core и Vue. js из кода VS?

0 голосов
/ 13 марта 2020

Я пытаюсь отладить проект ASP. ​NET Core + Vue. js из кода VS для использования доступных инструментов отладчика.

Я могу запустить проект в VS Code с помощью F5, но точки останова отображаются пустыми с пометкой «Для этого документа не было загружено никаких символов». При запуске в VS Code консоль отладки выводит, что символы были загружены для проекта dll: Loaded 'C:\Projects\SoftwareAteliers-1.1.0\bin\Debug\netcoreapp2.2\AspNetCoreVueStarter.dll'. Symbols loaded.

Остальная часть процесса запуска работает, как задумано, при запуске браузера и загрузке Vue. js application.

Репозиторий Github для проекта можно найти здесь (обратите внимание, что я не использую последний выпуск репо из-за необходимости ASP. NET Core 2.2).

Мне пришлось изменить .vscode/launch.json, поскольку репо не ссылалось на правильный файл .csproj.

До: "program": "${workspaceFolder}/bin/Debug/netcoreapp2.1/asp-net-core-vue-starter.dll",

После: "program": "${workspaceFolder}/bin/Debug/netcoreapp2.2/AspNetCoreVueStarter.dll",

и аналогичных с .vscode/tasks.json:

До: "${workspaceFolder}/asp-net-core-vue-starter.csproj"

После: "${workspaceFolder}/AspNetCoreVueStarter.csproj"

В противном случае мой локальный проект совпадает с версией, размещенной на Github.

Есть что-то, что я пропускаю? Я предпочел бы отладить это в Firefox (я установил VS Code Debugger для расширения Firefox), но даже Chrome или Edge будут приемлемы на этом этапе.

1 Ответ

1 голос
/ 22 апреля 2020

Я использовал этот репозиторий шаблонов, который позволяет отлаживать исходный уровень для приложения Quasar с использованием VSCode или VS2019. Поскольку Quasar основан на Vue, шаги должны быть похожими.

https://github.com/mhingston/QuasarAspNetCoreTemplate

Примечание в частности:

  1. Для отладки VSCode:

    https://github.com/mhingston/QuasarAspNetCoreTemplate/blob/master/.vscode/launch.json

    Существуют конфигурации для производства / разработки / chrome для VSCode.

  2. для отладки VS2019:

    https://github.com/mhingston/QuasarAspNetCoreTemplate/blob/master/Properties/launchSettings.json

  3. Включить карты исходного уровня Webpack:

https://github.com/mhingston/QuasarAspNetCoreTemplate/blob/master/ClientApp/quasar.conf.js

build: {
   // this is a configuration passed on
   // to the underlying Webpack
   devtool: 'source-map',
...