browserSync + Gulp，得到错误 => TypeError: _.contains 不是一个函数

browserSync + Gulp, getting error => TypeError: _.contains is not a function

本文关键字：contains 函数 一个 TypeError Gulp 错误 browserSync      更新时间：2023-09-26

我已经安装了browserSync，以便在更新CSS或html模板时使浏览器自动刷新。

在我的gulp文件中：

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

然后是我的手表任务：

// Static Server + watching scss/html files
gulp.task('serve', ['app-css'], function() {
    browserSync.init({
        // server: "./app"
        proxy: 'http://localhost/static/dashboard/app/'
    });
    gulp.watch("sass-smacss/sass/**/*.scss", ['app-css']);
    gulp.watch("app/**/*.html").on('change', browserSync.reload);
});

我有一个本地服务器，所以这是我用于上述proxy的链接。

无论如何，我运行了gulp serve，它自动启动了一个新的Chrome窗口，其中包含以下路径：http://localhost:3000/static/dashboard/app/#/login

接下来，我只是在我的一个 sass 文件中点击保存，它抛出了以下错误：

[21:52:37] Starting 'app-css'...
/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/file-utils.js:48
        if (!_.contains(options.get("injectFileTypes").toJS(), obj.ext)) {
               ^

TypeError: _.contains is not a function
    at Object.fileUtils.getFileInfo (/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/file-utils.js:48:16)
    at Object.fileUtils.changedFile (/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/file-utils.js:26:57)
    at EventEmitter.events.file:changed (/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/internal-events.js:13:23)
    at emitOne (events.js:77:13)
    at EventEmitter.emit (events.js:169:7)
    at Object.emitChangeEvent (/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/public/public-utils.js:13:17)
    at Transform.reload._transform (/Users/leongaban/Projects/TickerTags/dashboard/node_modules/browser-sync/lib/public/stream.js:70:31)
    at Transform._read (_stream_transform.js:167:10)
    at Transform._write (_stream_transform.js:155:12)
    at doWrite (_stream_writable.js:292:12)

这是/node_modules/browser-sync/lib/file-utils.js:48 

/**
 * @param data
 * @param options
 * @returns {{assetFileName: *, fileExtension: String}}
 */
getFileInfo: function (data, options) {
    data.ext      = require("path").extname(data.path).slice(1);
    data.basename = require("path").basename(data.path);
    var obj = {
        ext:           data.ext,
        path:          data.path,
        basename:      data.basename,
        type:          "inject"
    };
    // RELOAD page
    if (!_.contains(options.get("injectFileTypes").toJS(), obj.ext)) {
        obj.url  = obj.path;
        obj.type = "reload";
    }
    obj.path = data.path;
    obj.log  = data.log;
    return obj;
}

每@Phil https://github.com/BrowserSync/browser-sync/issues/976

不得不升级洛达什，现在它可以工作了。

相关文章：