Liveload funktioniert nicht in Chrome mit Gulp, was fehlt mir

Das ist, was ich getan habe. Ich habe das Plugin gulp-connect anstelle von gulp-livereload verwendet.

1. Installierte die Liveload-Erweiterung in Chrome.
2. Installiertes Plugin npm install gulp-connect .
3. Setup gulpfile.js (siehe Code unten).
4. Gehen Sie zu Ihrem Browser und gehen Sie zu URL Ссылка
5. Klicken Sie im Browser auf das Liverelad-Symbol.
6. Run Schluck.
7. Fertig.

Mein Gulpfile:

Paketdatei:

Referenzlinks:

Ссылка

Ссылка

Stellen Sie bei der lokalen Entwicklung sicher, dass "Zugriff auf Datei-URLs zulassen" in den Chrome-Einstellungen für Erweiterungen auf LiveReload aktiviert ist.

Ich hatte vielleicht das gleiche Problem - als ich auf das LiveReload-Symbol geklickt habe, hat es einfach nichts bewirkt.

Entschuldigen Sie die Grundlagen, aber wir werden alle von Zeit zu Zeit erwischt.

Hast du auf den Liveload-Button in Chrome geklickt?

Wenn der Live-Reload-Server ausgeführt wird, wird in der Mitte ein grauer Punkt angezeigt.

wie folgt:

Wenn nicht, erhalten Sie einen Fehler wie folgt:

"Verbindung zum LiveReload-Server konnte nicht hergestellt werden. Bitte stellen Sie sicher, dass LiveReload 2.3 (oder höher) oder ein anderer kompatibler Server ausgeführt wird."

Das Wichtigste für mich war, den Browser neu zu starten. Sie müssen gulp-connect nicht hinzufügen, damit dies funktioniert - tun Sie einfach Folgendes:

1. Installieren Sie die Liveload-Chrome-Erweiterung
2. Konfigurieren Sie Ihre gulpfile und package.json (das OP hatte das richtig gemacht)
3. Gehen Sie zu chrome: // extensions und aktivieren Sie das Kontrollkästchen "Zugriff auf Datei-URLs zulassen"
4. Neustart chrome!
5. Navigieren Sie zu der Seite, die Sie testen, und klicken Sie auf das Liveload-Symbol. Sie sollten feststellen, dass der Kreis in der Mitte des Symbols ausgefüllt ist.
6. Starten Sie die Bearbeitung des Codes und staunen Sie über die wertvollen Sekunden, die durch die Funktion zum automatischen Nachladen gespeichert wurden.