Question

我想给扩展名“browser-sync”一个机会，但我不能让它运行。也许有人可以给我一个提示，我的配置/安装有什么问题。

首先，浏览器重新加载按预期工作，但外部.js文件中的javascript代码不会触发或抛出错误或其他内容。

我使用了位于以下位置的gulpjs食谱中的设置： https://github.com/gulpjs/gulp/blob/master/docs/recipes/server-with-livereload-and-css-injection.md。所以我的文件结构和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 仅包含以下两行：

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

但没有任何反应。只显示index.html文件中的“foo”和“bar”。

再次，在文件更改完成后重新加载，但我的notworking.js文件中的js代码未执行。

有人有想法吗？提前致谢

Answer 1

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

type =“javascript”无效mime-type

使用 type =“text / javascript”

gulp，browser-sync：外部javascript文件不执行

1 个答案: