您可以在使用 React JS 的 Tauri 应用程序上使用 React Developer Tools 吗?

Jam*_*y01 1 debugging rust reactjs react-devtools tauri

我已经使用 React JS 一段时间了,您可以获得的最有用的东西之一就是这个扩展:https: //chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi? hl=en。它可以调试组件的状态,并且基本上向您显示 React js 组件树,而不仅仅是 html dom 元素。它对于调试非常有用,但我不知道它是否可以在 tauri 应用程序上使用,同时作为桌面应用程序运行。在开发模式下,该应用程序只是在本地服务器上运行,因此我可以在 Web 浏览器中打开它来测试它(对我来说,它是 http://localhost:1420/)。不幸的是,当我在浏览器中打开它时,它无法访问后端 Rust 功能。很快,我的应用程序将完全依赖于 Rust 后端,因此除非连接到 Rust,否则前端将无法工作。这将意味着我不能使用这个老技巧,这意味着我不能再使用反应开发工具来调试,这将使调试前端变得更加困难。有什么方法可以在桌面应用程序上使用 React 开发人员工具,或者我可以以某种方式设置本地主机服务器,以便我可以使用 React 开发工具在网络浏览器中运行它,并且仍然能够访问后端 rust 功能?

小智 7

您需要使用独立的 React 开发工具:https://github.com/facebook/react/tree/main/packages/react-devtools#usage-with-react-dom。这将允许在 Tauri 窗口中运行应用程序,从而保持与 Rust 的连接,同时为开发工具提供一个单独的窗口。

如果您在 Windows 上进行开发,那么您可能会对 Microsoft 似乎想要添加对 WebView2 的扩展支持感兴趣:https://github.com/MicrosoftEdge/WebView2Feedback/issues/191(请注意Tracked2022 年 5 月添加的标签)