Dart DevTools 顯示“連接到正在運行的應用程序”

Question

我無法在 VS Code 中啟動 Dart 開發工具，當我在調試模式下啟動時，它會打開一個 chrome 窗口，顯示Connect to a running app Enter a port or URL to a running Dart or Flutter application.<\/code>

當我將鼠標懸停在Dart DevTools<\/code>按鈕上時，它會顯示一個端口，但我仍然無法連接到它。

有任何想法嗎？

Answer 1

使用--observatory-port選項啟動您的 flutter 應用程序。 例如，

flutter run --observatory-port=9200

應用程序啟動后，您將在終端中看到一條消息，如下所示：

An Observatory debugger and profiler on Android SDK built for x86 is available at: http://127.0.0.1:9200/Swm0bjIe0ks=/

將您通過運行應用程序獲得的 URL (http://127.0.0.1:9200/Swm0bjIe0ks=/)粘貼到連接對話框中，以將您的應用程序連接到 DevTools。

希望這可以幫助。

Answer 2

在帶有您想要的端口的終端中運行顫振。 它可以 9200 或 9300 或 9301 等 flutter run --observatory-port=9200

在 logcat 上，您將看到類似“An Observatory debugger and profiler on Android SDK built for x86 is available at: http://127.0.0.1:9200/Swm0bjIe0ks=/ ”的消息

在復制並傳遞 url ( http://127.0.0.1:9200/Swm0bjIe0ks=/ ) 之后，將您的應用程序連接到 DevTools

Answer 3

在我的情況下，上述答案不起作用，因為我有另一個問題：PATH：環境變量。 這是因為我無法在我的文件夾 app project 的終端中執行 flutter 命令，所以系統級別的環境變量是必要的，我在 Windows 的用戶級別執行此操作。 所以我運行 flutter doctor o 無論路徑是否正常，然后我使用了@Hayeong Choi 的答案。

Answer 4

嗨，在模擬器或真實設備上運行您的應用程序。 在 android studio 的底部，你會在運行選項卡上找到一個運行選項卡，會有如下消息：調試服務正在監聽 ws://127.0.0.1:54675/CPu_ErpGRaw=/ws

復制 (ws://127.0.0.1:54675/CPu_ErpGRaw=/ws) 並將其粘貼到 Dart DevTools 輸入字段。 它將連接到您正在運行的設備或模擬器

Answer 5

在 Visual Studio Code 上：在應用程序運行時單擊字母 (v)。 而已！

"