如何调试 Dotnet 后端 + TSX 前端？

Question

我的问题：

我最近成为了一个系统中的新开发人员，该系统具有 Dotnet 3.1 的后端和 React、TypeScript 的前端，并且它是使用 Yarn 构建的。

我可以控制整个怪物。为此，我首先构建了前端，将创建的 .js 文件复制到后端的静态文件夹中，然后运行 ​​Monster.dll。

如何调试前端？ （恐怕它依赖于可用的后端。）

到目前为止，我尝试使用 Visual Studio，但我会尝试任何免费并在 Linux 上运行的东西。

Answer 1

您似乎将前端环境与后端混淆了。

基本上，您的 React 前端应用程序在浏览器上运行，而 dotnetCore 应用程序在 CoreCLR 上运行。这意味着您可以在浏览器的开发者工具中以基本的方式调试您的 React 前端应用程序。

确保您的 React 前端应用程序的构建操作生成 source map (*.map) 文件。这些文件将您的浏览器兼容的js 输出文件映射到tsx / ts 源。然后你应该可以在浏览器的开发者工具上调试它了。