Question

我安装了插件Browser-sync。在命令行显示粘贴gulp browser-sync并在Firefox上显示＆＃34; 无法获取/ ＆＃34;对于地址http://localhost:3000/

在 gulpfile.js 中：

var gulp = require('gulp'),
    browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
 var files = [
  'app/**/*.html',
 ];

 browserSync.init(files, {
  server: {
     baseDir: './app'
  }
 });
});

文件夹 app 位于Node.js的根目录中。我不使用任何LAMP或WAMP因为我不能使用它。是否有其他解决问题的方法？（更改源代码后在浏览器中重新加载页面）。

由于

Answer 1

我认为这是因为浏览器同步在没有其他配置的情况下不知道当您未指定要查看的显式文件时该怎么做。通常，Web服务器默认在指定目录时查看index.html。

要查看是否属于这种情况，请转到http://localhost:3000/index.html，假设您直接在＆＃39; app＆＃39;目录（例如app / index.html存在）。

要修复＆＃39;这样，将以下参数之一添加到服务器配置：

index: "index.html"（显示index.html）
directory: true（显示目录列表）

有关更多配置选项，请参阅http://www.browsersync.io/docs/options/

此外，第一个参数可能是不必要的。我建议尝试以下

var gulp = require('gulp'),
    browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
 browserSync.init(null, {
  server: {
     baseDir: 'app',
     directory: true // or index: "index.html"
  }
 });
});

显然，在较新版本的浏览器同步中，只需使用browserSync({ /* options */});进行初始化即可，请参阅http://www.browsersync.io/docs/gulp/

gulp浏览器同步哪里放置文件夹？

1 个答案: