BrowserSync不加载

BrowserSync非常新。 我试图找出如何让它去哈哈。

我的主要文件存储的一切都被称为'gulpwork'。

里面有4个文件夹 两个将Pug（'src'）转换为HTML（'dist'），另外两个将SASS（'sass'）转换为CSS（'css'）。

我已经设法让BrowserSync运行，但是我得到'无法GET /'消息，所以我知道它可能与文件目录有关。

我希望帕格和SASS同步。

编辑：它只适用于我的帕格和HTML文件，直接在我的根目录之外的受尊重的文件夹，只有当HTML文件被命名为index.html。 我怎样才能让它在尊重的文件夹中工作，而不必将名称更改为索引？

这是我的gulpfile.js代码：

JS：

var gulp = require('gulp'); var pug = require('gulp-pug'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); gulp.task('browserSync', ['sass', 'pug'], function() { browserSync.init({ server: { baseDir: './' } }) }); gulp.task('pug', function() { gulp.src('./src/*.pug') .pipe(pug({ pretty: true })) .pipe(gulp.dest('./dist')) }); gulp.task('sass', function() { return gulp.src('./sass/*.sass') .pipe(sass()) .pipe(gulp.dest('./css')) .pipe(browserSync.reload({stream: true})) }); gulp.task('watch', ['browserSync'], function() { gulp.watch('./src/*.pug', ['pug']); gulp.watch('./sass/*.sass', ['sass']); gulp.watch('./dist/*.html').on('change', browserSync.reload); }); gulp.task('default', ['sass', 'pug', 'watch']); 

Answer 1

弄清楚了。 BrowserSync寻找一个'index.html'文件来启动，我们得到'无法GET /'错误，因为它正在寻找它看不到的东西。 因此，无论我们的pug / html文件在哪里，我们都必须告诉帕格函数+ watch函数，然后运行BrowserSync。 运行后，你仍然会看到错误，但是确实有效。 所有你需要做的是链接到文件，所以在我的浏览器localhost之后：3000我会input我的文件的位置，所以它将是'localhost：3000 / dist / about.html'之后，BrowserSync的作品。 🙂

 var gulp = require('gulp'); var pug = require('gulp-pug'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); gulp.task('browserSync', ['sass', 'pug'], function() { browserSync.init({ server: { baseDir: './' } }) }); gulp.task('pug', function() { gulp.src('./src/*.pug') .pipe(pug({ pretty: true })) .pipe(gulp.dest('./dist')); }); gulp.task('sass', function() { return gulp.src('./sass/*.sass') .pipe(sass()) .pipe(gulp.dest('./css')) .pipe(browserSync.reload({stream: true})); }); gulp.task('watch', ['browserSync'], function() { gulp.watch('./src/*.pug', ['pug']); gulp.watch('./sass/*.sass', ['sass']); gulp.watch('./dist/*.html').on('change', browserSync.reload); }); gulp.task('default', ['sass', 'pug', 'watch']);