Dart-code: Web - VSCode se lance sur localhost:8080 par défaut, a refusé de se connecter

Créé le 28 oct. 2020 · 3Commentaires · Source: Dart-Code/Dart-Code

Décrivez le bogue
Il est préoccupant que l'application Flutter par défaut créée dans VSCode ait une configuration qui empêche un lancement fonctionnel, en suivant les instructions officielles du document. Il n'y a pas non plus de documentation officielle (et de couverture communautaire en ligne limitée) sur cette question.

Reproduire
Étapes pour reproduire le comportement :

Installez VSCode et Flutter selon https://flutter.dev/docs/get-started/install/macos#web -setup
Créer une nouvelle application Flutter dans VSCode
Cliquez sur Exécuter > Exécuter sans débogage
La fenêtre Chrome s'ouvre avec localhost:8080 , la page affiche une erreur de refus de connexion
Si je lance par terminal, ou remplacez la configuration par défaut "pwa-chrome" dans launch.json par la suivante

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

puis il se lance comme on le souhaite

Comportement prévisible

Cliquez sur Exécuter > Exécuter sans débogage
La fenêtre Chrome se lance avec l'application

Captures d'écran
Le cas échéant, ajoutez des captures d'écran pour expliquer votre problème.

Versions (veuillez compléter les informations suivantes) :

Version du code VS : 1.50.1
Version d'extension de fléchettes : 3.15.1
Version du SDK Dart/Flutter : 1.23.0-18.1.pre

Source

awfin

Commentaire le plus utile

Ah, je vois. pwa-chrome n'est pas lié à cette extension, et donc nous ne pouvons pas contrôler ce qu'elle fait. Je suppose que lorsque vous avez essayé d'exécuter le projet, vous n'aviez pas de fichier Dart ouvert, il aurait donc dû afficher cette invite :

Screenshot 2020-11-02 at 12 07 58

Ici, seule l'option "Dart & Flutter" invoquera notre code. Si vous exécutez les autres, il invoquera leurs débogueurs.

Faites-moi savoir si vous avez d'autres problèmes/questions !

DanTup le 2 nov. 2020

👍3

Tous les 3 commentaires

Je ne suis pas incapable de reproduire cela, en créant un nouveau projet et en cliquant sur Exécuter -> Exécuter sans débogage, il s'est exécuté sur un port aléatoire :

Screenshot 2020-10-29 at 12 24 20

Pourriez-vous capturer un journal ?

Exécutez la commande Dart : Capturer les journaux
Un tick serveur d' OK
Reproduire le problème
Cliquez sur Annuler sur la notification de connexion
Joindre le journal ici

Merci!

DanTup le 29 oct. 2020

👍1

J'ai essayé de lancer un nouveau projet avec l'extension VSCode Flutter, mais cette fois j'ai obtenu la bonne configuration de lancement

{
    // 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"
        }
    ]
}

au lieu de celui qui a causé l'erreur qui contenait

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

awfin le 30 oct. 2020

Screenshot 2020-11-02 at 12 07 58

Ici, seule l'option "Dart & Flutter" invoquera notre code. Si vous exécutez les autres, il invoquera leurs débogueurs.

Faites-moi savoir si vous avez d'autres problèmes/questions !

DanTup le 2 nov. 2020

👍3

Cette page vous a été utile?

0 / 5 - 0 notes