Как исправить ошибку «Cannot GET /» с помощью BrowseSync?

Question

Я работаю с настройкой Gulp, которая будет смотреть мои HTML, Sass и файлы. Как решить ошибку ниже?

Не удается получить /

Это мой код:

//Watch Files
htmlWatchFiles = './src/html/main/*.html';

//Input files
//  File for gulp-sass compiler
var inputScssFile = './src/stylesheets/**/*.scss'

function sassCompiler() {
    return gulp.src(inputScssFile)
      .pipe(sass())
      .pipe(autoPrefixer())
      .pipe(dest('./src/stylesheets/output'))
      .pipe(browserSync.stream());
}

Вот моя функция для просмотра:

function toBrowseSync(){
    browserSync.init({
        server: {
            baseDir: "src/",
            index:"./src/html/main/index/html"
        }
    });
    gulp.watch(inputScssFile,sassCompiler);
    gulp.watch(htmlWatchFiles).on('change', browserSync.reload);
}

exports.default = series(sassCompiler,toBrowseSync);

Answer 1

Для конфигурации BrowserSync путь, используемый в свойстве index, должен указываться относительно используемого baseDir.Документация здесь также упоминает об этом в комментарии к коду.

browserSync.init({
    server: {
        baseDir: "src/",
        index:"html/main/index.html"
    }
});