2016-09-15 80 views
0

我想給擴展名「瀏覽器同步」一個機會,但我沒有得到它運行。 也許有人可以給我一個提示,我的配置/安裝有什麼問題。吞嚥,瀏覽器同步:外部JavaScript文件doens't執行

起初,瀏覽器重新加載的工作方式與預期相似,但外部.js文件中的JavaScript代碼不會觸發或拋出錯誤或其他內容。

我使用了gulpjs食譜中的設置: https://github.com/gulpjs/gulp/blob/master/docs/recipes/server-with-livereload-and-css-injection.md。所以我的文件結構和gulp文件是相同的。

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只包含以下兩行:

console.log("working?") 
alert("working!"); 

但沒有任何反應。僅顯示index.html文件中的「foo」和「bar」。

再次,在filechanges完成後重新加載完美,但我的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> 

TYPE = 「JavaScript的」沒有有效的MIME類型

使用類型= 「文/ JavaScript的」