Отладка приложения React в Visual Studio 2019 не работает

Question

Я создал ASP. NET Core 3 React и Redux проект, используя шаблон.

Я пытаюсь отладить файлы TS. Когда я пытаюсь установить точку останова в Visual Studio в исходном файле TS, ни одна из точек останова go там, где я хочу их.

Если я пытаюсь выполнить пошаговое выполнение кода, выполнение переходит к уменьшенным файлам вместо. Я думаю, что исходные карты реакции-сценарии генерируются не отображаются правильно. Я добавил «sourceMaps»: true в файл tsconfig. json.

Кто-нибудь успешно его установил и запустил?

Это действительно расстраивает

Спасибо

Answer 1

У меня была такая же проблема, даже для проекта прямо из шаблона React + Redux Visual Studio 2019.

Здесь я нашел обходной путь , который, кажется, работает (хотя это довольно неудобно ):

Перейти node_modules/react-scripts/config/webpack.config.js, найти cheap-module-source-map и изменить на eval-source-map. Это временно, и вам придется делать это каждый раз, когда вы меняете конфигурацию вашего пакета.

После этого изменения мои точки останова в коде React начали работать правильно в VS2019.