2016-09-15 16 views
0

「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コードは実行されません。

誰かがアイデアを持っていますか?事前に感謝

+0

あなたは 'notworkingをロードする上の任意のエラーを取得しました。 js'からindex.html – Venkat

+0

いいえ、私はエラーが表示されません。 notworkingAAA.jsのようなファイルが存在しない場合は、404を取得します – Hansinger

答えて

1
<!-- NOT WORKING--> 
<script src="scripts/notworking.js" type="javascript"></script> 

タイプ= "javascriptの"は有効なMIMEタイプではありません

使用タイプ= "テキスト/ javascriptの"

関連する問題