ブラウザ同期、EJS、Gulp、ノード取得の設定

Question

私はNode環境にあり、テンプレートはSASS、EJS用に実行しています。私はgulpファイルの設定に問題があります。私が 'node server.js'を実行すると、私のアプリケーションはブラウザで動作し、EJSは動作しますが、ブラウザ同期は動作しません。もし私がガルプを実行すると、ブラウザで「Can not GET /」が表示されます。

ノードには初心者ですので、私が学んでいただければ幸いです。ここで

は私gulpfileです：ここでは

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var browserSync = require('browser-sync').create(); 
var runSequence = require('run-sequence'); 
var ejs = require("gulp-ejs"); 

gulp.task('default', function(callback) { 
    runSequence(['browserSync', 'watch', 'ejs'], callback); 
}); 

gulp.task('ejs', function(){ 
    return gulp.src('views/html/**/*.ejs') 
    .pipe(ejs({}, {ext:'.html'})) 
    .pipe(gulp.dest('dist/html/')); 
}); 

gulp.task('sass', function() { 
    return gulp.src('sass/**/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('public/css/sass')) 
    .pipe(browserSync.reload({ 
     stream:true 
    })); 
}); 

gulp.task('watch', ['browserSync', 'ejs'], function() { 
    gulp.watch('./scss/*.scss', ['sass']); 
    gulp.watch('./views/html/**/*.html', browserSync.reload); 
    gulp.watch('./views/html/**/*.ejs', browserSync.reload); 
    gulp.watch('./public/js/**/*.js', browserSync.reload); 
    gulp.watch('views/html/**/*.ejs', ['ejs']); 
}); 

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

は server.jsです：

var express = require('express'); 
var app = express(); 
var gulp = require('gulp'); 

gulp.task('default', function(arg) { 

}); 

// set the view engine to ejs 
app.set('view engine', 'ejs'); 

// use res.render to load up an ejs view file 

// index page 
app.get('/', function(req, res) { 
    res.render('index'); 
}); 


app.listen(3000); 

Answer 1

は、プロキシの初期化と

gulp.task('browser-sync', function() { 
    browserSync.init({ 
     proxy: "yourlocal.dev" 
    }); 
}); 

をテストしてみてください