Question

我是新来的Gulp。我已经安装了npm install -g browser-sync，但是安装完成后，我会收到类似这样的警告代码

    assert.js:350
    throw err;
    ^
AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask] (D:\PROJECT\TONJOO\test\node_modules\undertaker\lib\set-task.js:10:3)
    at Gulp.task (D:\PROJECT\TONJOO\test\node_modules\undertaker\lib\task.js:13:8)
    at Object.<anonymous> (D:\PROJECT\TONJOO\test\gulpfile.js:12:6)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)

我尝试再次安装npm install -g browser-sync，但无济于事，我的代码有问题吗？

您可以在此处检查我的代码： gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();

gulp.task('sass', function(){
    return gulp.src('app/scss/styles.scss')
        .pipe(sass())
        .pipe(gulp.dest('app/css'))
        .pipe(browserSync.stream());
});

gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: "./"
    });

    gulp.watch("./scss/styles.scss", ['sass']);
    gulp.watch("./*.html").on('change', browserSync.reload);
});

gulp.task('default', ['serve']);

您能帮我解决这个麻烦吗？谢谢

Answer 1

要确保已安装浏览器同步，您必须查看package.json文件。如果您在“依赖项”下看到浏览器同步，则说明已成功安装。

我认为当您尝试运行gulp任务时会发生错误，这是因为您使用的是旧的gulp语法。

[sass] becomes gulp.series('sass')

查看以下更改，了解您的工作方式。

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

gulp.task('sass', function(){
    return gulp.src('app/scss/styles.scss')
        .pipe(sass())
        .pipe(gulp.dest('app/css'))
        .pipe(browserSync.stream());
});

gulp.task('serve', function() {

    browserSync.init({
        server: "./"
    });

    gulp.watch("./scss/styles.scss",  gulp.series('sass'));
    gulp.watch("./*.html").on('change', browserSync.reload());
});

gulp.task('default', gulp.series('sass', 'serve'));

话虽这么说，浏览器同步目前对我来说也无法很好地工作，看来它们存在很多问题。我求助于使用实时服务器。

gulp浏览器同步无法正常工作，我已安装npm浏览器同步但无法正常工作

1 个答案: