Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gulp 狼吞虎咽的BrowserSync不';无法创建服务器_Gulp_Gulp Watch_Browser Sync - Fatal编程技术网

Gulp 狼吞虎咽的BrowserSync不';无法创建服务器

Gulp 狼吞虎咽的BrowserSync不';无法创建服务器,gulp,gulp-watch,browser-sync,Gulp,Gulp Watch,Browser Sync,我创建了这个gulpfile,在我开始这个项目的时候它就工作了。上周我没有参与这个项目,现在我意识到当我运行命令“GulpWatch”时,BrowserSync不再创建服务器 var gulp = require('gulp'); var sass = require('gulp-sass'); // do sass var jade = require('gulp-jade'); // do jade var autoprefixer = require('gulp-autoprefixer'

我创建了这个gulpfile,在我开始这个项目的时候它就工作了。上周我没有参与这个项目,现在我意识到当我运行命令“GulpWatch”时,BrowserSync不再创建服务器

var gulp = require('gulp');
var sass = require('gulp-sass'); // do sass
var jade = require('gulp-jade'); // do jade
var autoprefixer = require('gulp-autoprefixer'); // autoprefix css
var browserSync = require('browser-sync').create(); // browserSync

gulp.task('styles', function(){
   gulp.src('app/scss/styles.sass')
   .pipe(sass({ style: 'expanded' }))
   .pipe(autoprefixer('last 2 version'))
   .pipe(gulp.dest('app/css'))
   .pipe(browserSync.reload({
      stream: true
   }))
});

gulp.task('jade', function(){
    gulp.src('app/index.jade')
   .pipe(jade({pretty: true}))
   .pipe(gulp.dest('app/'))
   .pipe(browserSync.reload({
      stream: true
   }))
});

gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: 'app'
    },
  })
});

gulp.task('watch', ['browserSync', 'styles', 'jade'], function() {
   gulp.watch('app/scss/**/*.sass', ['styles']);
   gulp.watch('app/_jadefiles/**/*.jade', ['jade']);
   gulp.watch('app/index.jade', ['jade']);
   gulp.watch('app/js/**/*.js', browserSync.reload);
   gulp.watch('app/*.html', browserSync.reload);
});
命令行说

[18:06:12] Using gulpfile ~\Desktop\new app\gulpfile.js
[18:06:12] Starting 'browserSync'...
[18:06:12] Finished 'browserSync' after 18 ms
[18:06:12] Starting 'styles'...
[18:06:12] Finished 'styles' after 17 ms
[18:06:12] Starting 'jade'...
[18:06:12] Finished 'jade' after 3.82 ms
[18:06:12] Starting 'watch'...
[18:06:12] Finished 'watch' after 39 ms

关于如何修复它有什么想法吗?

将您的gulp.watch任务移动到browsersync任务中,然后查看我的exmaple

// Browser-sync task
gulp.task('serve', ['sass', 'compress'], function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });

  gulp.watch('src/*.js', ['compress']);
  gulp.watch('**/*.scss', ['sass']);
  gulp.watch("index.html").on("change", reload);

});
gulp.task('watch', ['serve']);
因此,在您的情况下,您应该将baseDir替换为app as
baseDir:“./app”或“app”
,以及内部gulp.watch资产目录路径