Dart-code: Web - VSCode startet standardmäßig auf localhost:8080, verweigert die Verbindung

Erstellt am 28. Okt. 2020 · 3Kommentare · Quelle: Dart-Code/Dart-Code

Beschreibe den Fehler
Es ist besorgniserregend, dass die in VSCode erstellte Standard-Flutter-App eine Konfiguration hat, die einen praktikablen Start verhindert, gemäß den offiziellen doc-Anweisungen. Es gibt auch keine offizielle Dokumentation (und eine begrenzte Online-Community) zu diesem Thema.

Fortpflanzen
Schritte zum Reproduzieren des Verhaltens:

Installieren Sie VSCode und Flutter gemäß https://flutter.dev/docs/get-started/install/macos#web -setup
Erstellen Sie eine neue Flutter-App in VSCode
Klicken Sie auf Ausführen > Ohne Debuggen ausführen
Chrome-Fenster öffnet sich mit localhost:8080 , Seite zeigt Fehler beim Verbinden verweigert
Wenn ich per Terminal starte oder die Standardkonfiguration "pwa-chrome" in launch.json durch Folgendes ersetze

        {
            "name": "Flutter for web",
            "type": "dart",
            "request": "launch",
            "program": "lib/main.dart",
            "args": [
              "-d",
              "chrome"
            ]
        }

dann startet es wie gewünscht

Erwartetes Verhalten

Klicken Sie auf Ausführen > Ohne Debuggen ausführen
Chrome-Fenster wird mit der App gestartet

Screenshots
Fügen Sie gegebenenfalls Screenshots hinzu, um Ihr Problem zu erklären.

Versionen (bitte füllen Sie die folgenden Informationen aus):

VS-Code-Version: 1.50.1
Dart-Erweiterungsversion: 3.15.1
Dart/Flatter SDK-Version: 1.23.0-18.1.pre

Quelle

awfin

Hilfreichster Kommentar

Ah ich sehe. pwa-chrome hat nichts mit dieser Erweiterung zu tun und wir können daher nicht kontrollieren, was sie tut. Ich vermute, als Sie versuchten, das Projekt auszuführen, hatten Sie keine Dart-Datei geöffnet, daher sollte diese Eingabeaufforderung angezeigt werden:

Screenshot 2020-11-02 at 12 07 58

Hier wird nur die Option "Dart & Flutter" unseren Code aufrufen. Wenn Sie die anderen ausführen, werden deren Debugger aufgerufen.

Lassen Sie mich wissen, wenn Sie weitere Probleme/Fragen haben!

DanTup am 2. Nov. 2020

👍3

Alle 3 Kommentare

Ich kann dies nicht reproduzieren, indem ich ein neues Projekt erstelle und auf Ausführen -> Ausführen ohne Debuggen klicke, das auf einem zufälligen Port ausgeführt wurde:

Screenshot 2020-10-29 at 12 24 20

Könnten Sie ein Protokoll aufnehmen?

Führen Sie den Befehl Dart: Capture Logs aus
Un tick Analysis Server aber lassen alles andere OK markiert und klicken Sie auf
Reproduzieren Sie das Problem
Klicken Sie in der Protokollierungsbenachrichtigung auf Abbrechen
Hängen Sie das Protokoll hier an

Vielen Dank!

DanTup am 29. Okt. 2020

👍1

Ich habe versucht, ein neues Projekt mit der VSCode Flutter-Erweiterung zu starten, aber dieses Mal habe ich die richtige Startkonfiguration erhalten

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "test2911",
            "request": "launch",
            "type": "dart"
        }
    ]
}

anstelle desjenigen, der den Fehler verursachte, der enthielt

        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },

awfin am 30. Okt. 2020