「browser-sync」という拡張子を付けたいのですが、実行されません。 誰かが私にヒントを与えることができます、私の設定/インストールで何が間違っています。gulp、browser-sync:外部のjavascriptファイルは実行されません
最初は、ブラウザのリロードは期待どおりに動作しますが、外部の.jsファイル内のjavascriptコードは起動せず、エラーや何かをスローしません。
私は、 https://github.com/gulpjs/gulp/blob/master/docs/recipes/server-with-livereload-and-css-injection.mdにあるgulpjsレシピの設定を使用しました。私のfilestructureとgulpfileは同じです。
マイgulpfileは、次のようになります。
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);
});
と私ののindex.htmlは次のとおりです。
:<!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>
私notworking.jsは、以下の2行が含まれています
console.log("working?")
alert("working!");
ただし、何も起こりません。 index.htmlファイルの "foo"と "bar"のみが表示されます。
もう一度、ファイル交換後のリロードは完璧ですが、私のnotworking.jsファイルのjsコードは実行されません。
誰かがアイデアを持っていますか?事前に感謝
あなたは 'notworkingをロードする上の任意のエラーを取得しました。 js'からindex.html – Venkat
いいえ、私はエラーが表示されません。 notworkingAAA.jsのようなファイルが存在しない場合は、404を取得します – Hansinger