Ο διακομιστής Visual Studio Code Live δεν λειτουργεί

Ο VSCode έχει πολλές εξαιρετικές επεκτάσεις και ο Live Server είναι ένας από τους καλύτερους.

Με μερικά μόνο κλικ, ο Ζωντανός διακομιστής σάς επιτρέπει να βλέπετε τη σελίδα σας ζωντανά σε ένα πραγματικό πρόγραμμα περιήγησης. Ακόμα καλύτερα, διαθέτει ζωντανή επαναφόρτωση, οπότε αν ενημερώσετε τον κωδικό σας, οι αλλαγές αντικατοπτρίζονται επίσης στο πρόγραμμα περιήγησης.

Το μόνο που έχετε να κάνετε είναι να κάνετε δεξί κλικ στο αρχείο HTML που θέλετε να δείτε, κάντε δεξί κλικ και, στη συνέχεια, επιλέξτε "Άνοιγμα με ζωντανό διακομιστή":

Τι γίνεται όμως αν ο Live Server δεν ανοίξει το πρόγραμμα περιήγησής σας και εμφανίσει τη σελίδα σας όπως περιμένετε; Εάν αυτό συμβαίνει σε εσάς, ακολουθούν μερικά πράγματα που μπορείτε να δοκιμάσετε.

Επανεκκινήστε τον VSCode

Μερικές φορές το καλύτερο που μπορείτε να κάνετε είναι να ξεκινήσετε τον VSCode από το μηδέν.

Πρώτα, αποθηκεύστε όλη τη δουλειά σας. Στη συνέχεια, κλείστε τον VSCode, ο οποίος θα διακόψει επίσης όλες τις επεκτάσεις που έχετε εγκαταστήσει.

Στη συνέχεια, ανοίξτε ξανά τον κώδικα VSC και δοκιμάστε ξανά - μεταβείτε στο αρχείο HTML που θέλετε να προβάλετε, κάντε δεξί κλικ και επιλέξτε "Άνοιγμα με ζωντανό διακομιστή".

Ορίστε το πρόγραμμα περιήγησης για Live Server

Είναι πιθανό η επέκταση να λειτουργεί, αλλά το σύστημά σας δεν διαθέτει προεπιλεγμένο πρόγραμμα περιήγησης.

Ακόμα κι αν ορίσατε το προεπιλεγμένο πρόγραμμα περιήγησης για το σύστημά σας, δεν θα ήταν κακό να ενημερώσετε το Live Server για το πρόγραμμα περιήγησης που θέλετε να χρησιμοποιήσετε ρητά.

Αρχικά, ανοίξτε το Command Pallete με F1 και, στη συνέχεια, πληκτρολογήστε Preferences: Open Settings (JSON)και ορίστε αυτήν την επιλογή.

Αυτό θα ανοίξει το settings.jsonαρχείο VSCode .

Κάντε κύλιση μέχρι το κάτω μέρος του αρχείου και επικολλήστε το "liveServer.settings.CustomBrowser": "chrome".

Κάντε κύλιση μέχρι το κάτω μέρος του αρχείου, προσθέστε κόμμα μετά την τελευταία ρύθμιση και, στη συνέχεια, επικολλήστε "liveServer.settings.CustomBrowser": "chrome":

Σημειώστε ότι μπορείτε επίσης να χρησιμοποιήσετε "firefox", "safari"ή οποιοδήποτε άλλο πρόγραμμα περιήγησης ως τιμή για τη "liveServer.settings.CustomBrowser"ρύθμιση.

Τέλος, αποθηκεύστε το settings.jsonαρχείο και προσπαθήστε να εκτελέσετε ξανά το Live Server.

Ορίστε το προεπιλεγμένο πρόγραμμα περιήγησης για το λειτουργικό σας σύστημα

Ακόμα και αφού πείτε στο Live Server ποιο πρόγραμμα περιήγησης θέλετε να χρησιμοποιήσετε, είναι πιθανό να μην ανοίγει σωστά τη σελίδα σας σε αυτό το πρόγραμμα περιήγησης.

Το επόμενο πράγμα που πρέπει να δοκιμάσετε είναι να ορίσετε το προεπιλεγμένο πρόγραμμα περιήγησης για το ίδιο το λειτουργικό σας σύστημα.

Η ακριβής μέθοδος για αυτό μπορεί να διαφέρει ανάλογα με το λειτουργικό σας σύστημα, οπότε είναι καλύτερο να αναζητήσετε πώς να το κάνετε αυτό εάν δεν είστε σίγουροι.

Δείτε πώς φαίνεται η σελίδα ρυθμίσεων στα Windows:

Μεταβείτε στη ζωντανή σελίδα μόνοι σας

Εάν για κάποιο λόγο ο Live Server εξακολουθεί να μην ανοίγει αυτόματα τη σελίδα στο πρόγραμμα περιήγησής σας, μην ανησυχείτε. Μπορείτε πάντα να ανοίξετε το πρόγραμμα περιήγησης της επιλογής σας και να δείτε τη σελίδα απευθείας.

Απλώς ανοίξτε το πρόγραμμα περιήγησης που προτιμάτε και μεταβείτε στο //127.0.0.1:5500/.

Για παράδειγμα, εάν καλείται το αρχείο σας index.html, απλώς μεταβείτε στο //127.0.0.1:5500/index.html.

Όσο εκτελείται ο Ζωντανός διακομιστής, θα πρέπει να βλέπετε τη σελίδα σας.

Κλείνοντας

Αυτές είναι μερικές κοινές διορθώσεις που μπορείτε να δοκιμάσετε εάν ο Live Server δεν λειτουργεί όπως αναμένετε.

Μείνετε ασφαλείς και χαρούμενος (ζωντανός) κωδικοποίηση.