如何调试使用TypeScript使用Expo创建的React本机项目

我创建了一个使用TypeScript的世博会样板项目

当我使用

expo start

运行应用程序时，Chrome调试器将在

http://localhost:19001/debugger-ui/

，但在devtools中我只能看到

.js

文件：

如何显示我的

.tsx

源文件

我在

.tsconfig.json

中有

.sourceMap:true，

，并且

.map

文件是沿着

.js

文件生成的。我还缺少其他配置吗？

尝试使用此chrome扩展

---

有了它，您将能够调试jsx文件，甚至可以检查您的react组件层次结构

它可以使用react本机调试器即时运行。我认为它比ChromeDevTools更好，因为它还有视图检查器和Redux调试器

expo init ts expo demo

，模板：»选项卡（TypeScript）

世博会开幕-a

启动本机调试器

在Android emulator中启动应用程序后，按Ctrl+M打开Expo菜单

激活“调试远程JS”（这将打开浏览器）

在打开的浏览器中记下端口（例如19000）

关闭浏览器

在React Native Debugger中，创建新窗口并连接到指定的端口，例如19000（按Ctrl+T打开新窗口）

在emulator中重新加载应用程序（按R两次，或Ctrl+M->reload）

这应该连接到React本机调试器，并在Sources->Page->RNDebuggerWorker.js->127.0.0.1:19000中找到未编译的TypeScript文件

React Native Debugger: 0.11.5
expo: 4.0.16