我使用React JS已经有一段时间了,您可以从它获得的最有用的东西之一是这个扩展:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en。它可以调试组件的状态,基本上可以显示react js组件的树,而不仅仅是html dom元素。它对于调试非常有用,但我不知道它是否可以在tauri应用上作为桌面应用运行。当处于开发模式时,应用只是在本地服务器上运行,因此,我可以直接在网页浏览器中打开它进行测试(我的浏览器是http://localhost:1420/)。不幸的是,当我在浏览器中打开它时,它无法访问后端rust函数。很快,我的应用将完全依赖rust后端,因此前端将无法工作,除非它连接到rust。这将意味着我不能使用这个老把戏,这意味着我不能再使用react developer工具来调试前端,这将使调试前端变得更加困难。有没有什么方法可以在桌面应用上使用react developer工具,或者我可以以某种方式设置localhost服务器,以便我可以在使用react dev工具的网页浏览器中运行它,同时仍然能够访问后端rust函数?
1条答案
按热度按时间dgtucam11#
您需要使用独立的React devtools:https://github.com/facebook/react/tree/main/packages/react-devtools#usage-with-react-dom。这将允许在Tauri窗口中运行应用程序,从而保持与Rust的连接工作,同时有一个单独的窗口只用于devtools。
如果您正在Windows上进行开发,那么您可能会对Microsoft似乎希望为WebView2添加扩展支持感兴趣:https://github.com/MicrosoftEdge/WebView2Feedback/issues/191(请注意2022年5月添加的
Tracked
标签)