时间戳

首页 > 解决方案 > 在 Visual Studio 2019 中调试 React 应用程序不起作用

reactjs - 在 Visual Studio 2019 中调试 React 应用程序不起作用

问题描述

我使用模板创建了一个 ASP.NET Core 3 React 和 Redux 项目。

我正在尝试调试 TS 文件。当我尝试在源 TS 文件中的 Visual Studio 中设置断点时，没有一个断点位于我想要的位置。

如果我尝试单步执行代码，则执行将转到缩小的文件。我认为源映射反应脚本生成的映射不正确。我确实将 "sourceMaps":true 添加到 tsconfig.json 文件中。

有没有人成功设置并运行？

真是令人沮丧

谢谢

标签： reactjstypescriptcreate-react-appvisual-studio-2019react-scripts

解决方案

截至2021 年 1 月，React+Redux 模板似乎支持调试。

从历史上看，sourcemaps从来没有为我开箱即用的 Visual Studio 工作过——必须对 VS 进行一些更新才能在后台运行 Webpack（我现在可以实时更新 TS 文件）并通过浏览器。

连接断点似乎需要额外的时间（在应用程序完全加载之前，您将在断点旁边看到“断开连接”消息）。

现在要弄清楚 VS 添加了什么魔法，这样我就可以在 TS 过程出现问题时修复它们..

推荐阅读