我已經使用 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 開發人員工具進行除錯，這將使除錯前端變得更加困難。
uj5u.com熱心網友回復：
您需要使用獨立的 React 開發工具：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 （請注意Tracked2022 年 5 月添加的標簽）
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/528772.html
下一篇：IDz中的除錯未開始