Ich möchte der Erweiterung "Browser-Sync" eine Chance geben, aber ich bekomme es nicht zu laufen. Vielleicht kann mir jemand einen Hinweis geben, was mit meiner Konfig/Installation nicht stimmt.Schluck, Browser-Sync: externe Javascript-Dateien dows't nicht ausgeführt
Zuerst funktioniert das Nachladen des Browsers wie erwartet, aber JavaScript-Code in externen .js-Dateien wird nicht ausgelöst oder wirft einen Fehler oder etwas anderes auf.
Ich habe die Einstellungen aus den Gulpjs Rezepte bei: https://github.com/gulpjs/gulp/blob/master/docs/recipes/server-with-livereload-and-css-injection.md verwendet. also meine Dateistruktur und gulpfile sind identisch.
Mein gulpfile wie folgt aussieht:
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
gulp.task('serve', function() {
browserSync({
server: {
baseDir: 'app'
}
});
gulp.watch(['*.html', 'styles/**/*.css', 'scripts/**/*.js'], {cwd: 'app'}, reload);
});
und meine index.html ist:
<!DOCTYPE html>
<html lang="en">
<head>
[...]
</head>
<body>
<h1>Test</h1>
<script> console.log("foo") </script>
<!-- NOT WORKING-->
<script src="scripts/notworking.js" type="javascript"></script>
<script> console.log("bar") </script>
</body>
</html>
mein notworking.js enthält nur die folgenden zwei Zeilen:
console.log("working?")
alert("working!");
aber nichts passiert. Nur die "foo" und "bar" aus der index.html Datei wird angezeigt.
wieder neu nach filechanges zu laden funktioniert perfekt, aber der js-code in meiner notworking.js-datei wird nicht ausgeführt.
Hat jemand eine Idee? Vielen Dank im Voraus
Haben Sie einen Fehler erhalten beim Laden 'notworking. js' zum index.html – Venkat
nein, ich bekomme keinen Fehler. Wenn ich eine Datei hinzufüge, die nicht existent ist, zB workingAAA.js, dann bekomme ich einen 404 – Hansinger