reactjs - 在 Visual Studio 2019 中调试 React App 不起作用

Question

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

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

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

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

它真的很令人沮丧

谢谢

Answer 1

我遇到了同样的问题，即使是直接来自 Visual Studio 2019 的 React+Redux 模板的项目也是如此。

Here I found a workaround这似乎有效(虽然它相当不方便):

Goto node_modules/react-scripts/config/webpack.config.js, look up cheap-module-source-map and change to eval-source-map. This is temporary and you'll have to do this every time you change your package configuration.

在此更改之后，我的 React 代码中的断点开始在 VS2019 中正常运行。