Отладка Angular 5 в Visual Studio 2017: точки останова не работают - PullRequest
Новая
       8

Отладка Angular 5 в Visual Studio 2017: точки останова не работают

0 голосов
/ 07 мая 2018


У меня проблема с отладкой Typescript, и я буквально заблудился, заставляя работать контрольные точки.

ВЫПУСК:

Я работаю над Visual Studio 2017 с встроенным приложением angular-cli (которое теперь совместимо и больше не требует файла конфигурации веб-пакета), но если я добавлю точку останова на свой машинопись файлы, точка останова не используется.

Я включил логическое значение sourceMap: true в моем файле tsconfig.json, который, по идее, должен быть единственным файлом, который я должен редактировать.
Теперь мой контент tsconfig.json выглядит следующим образом: 

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "strict": false,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

Я буду рад поделиться с вами дополнительной информацией и большим количеством моего кода, если это необходимо, но на самом деле вы можете легко воспроизвести проблему, просто попытавшись отладить угловое приложение в Visual Studio 2017, созданное с помощью следующие команды CMD / PowerShell :

dotnet new - установите Microsoft.DotNet.Web.Spa.ProjectTemplates :: 2.0.0
dotnet new angular -o my-new-app
cd my-new-app
cd ClientApp
npm update

ВОПРОС:
Не могли бы вы объяснить, что мне нужно установить, чтобы включить отладку Angular Typescript в Visual Studio 2017?

Заранее спасибо!

ВАЖНОЕ РЕДАКТИРОВАНИЕ

Альтернатива отладке Visual Studio
Похоже, что новые приложения angular 6+ без файла webpack.config делают возможной отладку с помощью chrome webtools.
Если вы включите sourceMap:true в tsconfig, вы сможете отлаживать даже ваши .ts файлы.
Найдите их в разделе кода "webpack", как я прочитал здесь .

А как насчет Visual Studio?
Одно из новых обновлений Visual Studio сделало возможной отладку скрипта, но пока не работает с последними версиями angular cli и angular.

... и А как насчет кода VS?
Благодаря Liebster Kamerad в комментариях вы можете найти, как включить Точки останова на VS Code здесь

Сохраняя вопрос, надеюсь, что следующие обновления решат это как-то

...