首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

gulp错误-使用gulp.watch时_.flattenDeep不是函数

问题描述: 当使用gulp.watch时,出现了一个错误,提示_.flattenDeep不是函数。

解决方案: 该错误是由于在使用gulp.watch时,引用了一个不是函数的.flattenDeep方法导致的。.flattenDeep是lodash库中的一个方法,用于将多维数组转换为一维数组。在gulp中使用该方法可能是因为在gulpfile.js中引入了lodash库,但是lodash库的版本较低或者没有正确引入导致的。

解决该问题的方法有两种:

  1. 更新lodash库版本: 可以通过npm命令更新lodash库的版本,具体步骤如下:
代码语言:txt
复制
npm install lodash@latest --save-dev

这将会安装最新版本的lodash库,并将其保存为开发依赖。

  1. 使用其他方法替代.flattenDeep: 如果不想更新lodash库版本,也可以使用其他方法替代.flattenDeep。在gulpfile.js中找到使用_.flattenDeep的地方,将其替换为其他方法,例如Array.prototype.flat()。具体步骤如下:
代码语言:txt
复制
npm install --save-dev core-js

在gulpfile.js中引入core-js库:

代码语言:txt
复制
require('core-js');

然后将_.flattenDeep替换为Array.prototype.flat():

代码语言:txt
复制
// 替换前
_.flattenDeep(array);

// 替换后
array.flat(Infinity);

推荐的腾讯云相关产品: 腾讯云提供了一系列的云计算产品,以下是其中几个与gulp相关的产品:

  1. 云服务器(CVM):腾讯云的云服务器产品,提供了高性能、可扩展的云服务器实例,可用于部署和运行gulp任务。详情请参考:云服务器产品介绍
  2. 云函数(SCF):腾讯云的无服务器计算产品,可以将gulp任务封装成云函数,实现按需运行和自动扩展。详情请参考:云函数产品介绍
  3. 对象存储(COS):腾讯云的对象存储服务,可用于存储gulp任务生成的文件和静态资源。详情请参考:对象存储产品介绍

请注意,以上推荐的产品仅供参考,具体选择还需根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端构建工具gulpjs的使用介绍及技巧

3、gulp的API介绍 使用gulp,仅需知道4个API即可:gulp.task(),gulp.src(),gulp.dest(),gulp.watch(),所以很容易就能掌握,但有几个地方需理解透彻才行...有三种方法可以实现: 第一:在异步操作完成后执行一个回调函数来通知gulp这个异步任务已经完成,这个回调函数就是任务函数的第一个参数。...()还有另外一种使用方式: gulp.watch(glob[, opts, cb]) glob和opts参数与第一种用法相同 cb参数为一个函数。...用gulp.dest()方法写入文件,文件名使用的是文件流中的文件名,如果要想改变文件名,那可以在之前用gulp-rename插件来改变文件流中的文件名。...()方法 gulp.watch('less/*.less', ['less']); }); 如对gulp还有什么不明白之处,或者本文有什么遗漏或错误,欢迎一起交流和探讨~

1.9K30
  • gulp入门(小白级别)

    当有多种匹配模式可以使用数组: //使用数组的方式来匹配多种文件 gulp.src(['js/*.js','css/*.css','*.html']) 使用数组的方式还有一个好处就是可以很方便的使用排除模式...','reload']); gulp.watch()还有另外一种使用方式: gulp.watch(glob[, opts, cb]) glob和opts参数与第一种用法相同 @param {function...前面提到的gulp.dest()方法写入文件,文件名使用的是文件流中的文件名,如果想要改变文件名,就需要用gulp-rename插件来改变文件流中的文件名。...未安装jshint,安装gulp-jshint会提示安装依赖 case: 假设在index.js文件中随便制作一个错误,如下在line9敲入无意义字段“aaa”: ?...index.js 然后写入gulp任务,执行即可看到输出的错误提示(如果没有错误,就不会报错提示)。

    1.3K20

    第130天:移动端-rem布局

    比如上图有三种登陆方式,在使用vue布局,有两种方案。一是只建立一个表单用于数据绑定,点击按钮触发判断;而是有几种登陆方式建立几个表单,用一个字段标识当前显示的表单。...由于使用第三方的接口,一开始也没有先进行接口返回数据结构的查看,采用了第一种错误的方式,错误一是每种登陆方式下面的登陆要素的数量也不同,错误二是数据绑定在同一个表单data下,当用户在用户名登陆方式输入用户名密码后....pipe(gulp.dest('dist/imgs')); 66 }); 67 gulp.task('listen', function() { 68 gulp.watch('..../src/css/*.css']) 70 .pipe(connect.reload()); 71 }); 72 gulp.watch('..../src/js/*.js']) 74 .pipe(connect.reload()); 75 }); 76 gulp.watch('.

    1.6K40

    给初学者的Gulp教程(译)

    :https://github.com/zellwk/gulp-starter-csstricks 译者注:发现这篇文章很棒,所以就翻译了,能力有限,有错误可以指出。...我的学习代码https://github.com/klren0312/gulp_begin 如果觉得npm很慢可以使用cnpm。 Gulp是一个在你开发web,帮助你完成几个任务的工具。...它经常用来进行一些前端任务,比如: 生成一个Web服务器 当一个文件保存,浏览器自动刷新 编译像Sass或者LESS一样的预处理器 优化资源文件,像CSS,JavaScript和图片等 这些并不是Gulp...它将帮助你入门Gulp,你就可以自己探索其他任何东西。 在我们投入Gulp的学习之前,让我们来讨论一下,为什么你可能希望使用Gulp,而不是其他相似的工具。 为什么选择Gulp?...npm install命令,使用Node Package Manager(npm)来安装Gulp。 -g标志代表这个安装全局安装到你的电脑上,这就运行你在电脑的任何地方都能使用gulp

    4.3K20

    gulp使用

    引言 gulp是用于前端自动化构建的,方便前端进行即时开发的工具 自动化构建所需的插件 在项目路径下使用 npm init初始化之后,将下面需要安装的依赖复制到package.json文件中 "devDependencies...在复制到package.json文件中后,使用npm install命令,npm会下载devDependencies中对应版本号的依赖文件,这里只是完成了本地的安装,此时如果运行 gulp命令可能会报一些错误...)) .pipe(bs.stream()); }); //舰艇文件修改任务 gulp.task('watch',function(){ gulp.watch(paths.html+"*.html"...,['html']); gulp.watch(paths.css+"*.scss",['css']); gulp.watch(paths.js+"*.js",['js']); gulp.watch...':"./" } }); }); //创建一个默认的任务 gulp.task('default',['bs','watch']); 使用gulp命令开启default默认任务之后,此时更改src

    1.3K20

    gulp 详解与使用

    ,不会匹配 xy.js 、 xyz.js 等,整个中括号只代表一个字符 xyz.js 能匹配 a.js 、 b.js 、 c.js 等,不能匹配 x.js 、 y.js 、 z.js 当有多种匹配模式可以使用数组...dist/foo.js/jquery.js ,而不是 dist/foo.js 要想改变文件名,可以使用插件 gulp-rename 下面说说生成的文件路径与我们给 gulp.dest() 方法传入的路径参数之间的关系...有三种方法可以实现: 第一:在异步操作完成后执行一个回调函数来通知 gulp 这个异步任务已经完成,这个回调函数就是任务函数的第一个参数。...gulp.watch() gulp.watch() 用来监视文件的变化,当文件发生变化后,我们可以利用它来执行相应的任务,例如文件压缩等。...() { //do something }); gulp.watch("js/**/*.js", ["uglify","reload"]); gulp.watch(glob [,opts, cb])

    1.2K10

    Gulp开发教程(翻译)

    使用gulp.watch()方法可以监听文件,它接受一个glob或者glob数组(和gulp.src()一样)以及一个任务数组来执行回调。...watch函数使用方法如下所示: gulp.task('watch', function () { gulp.watch('templates/*.tmpl.html', ['build']);...}); 现在,当改变一个模板文件,build任务会被执行并生成HTML文件,也可以给watch函数一个回调函数,而不是一个任务数组。...在这个示例中,回调函数有一个包含触发回调函数信息的event对象: gulp.watch('templates/*.tmpl.html', function (event) { console.log...例如,在执行一系列任务和调用一个函数,你就可以在返回的watcher中添加监听change事件: var watcher = gulp.watch('templates/*.tmpl.html', [

    86540

    9012教你如何使用gulp4开发项目脚手架

    本文将会介绍如何使用gulp4来搭建项目脚手架,如果您还在使用gulp3或更老的版本,您也以通过本文的一些思想将之前的项目进行完善,更新。...如果gulp不是你们团队的重点,也可以移步我的另一篇文章: 用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript) 前言 由于本文重点是介绍gulp4.0...脚手架用到的第三方插件介绍 gulp-jshint ——js语法检测 gulp-util ——终端控制台打印自定义错误信息 http-proxy-middleware ——设置代理,配合gulp-connect...,我们可以用gulp-file-include来导入到html中,images和css大家都比较清楚,分别存放image和css文件的目录。...js变化 gulp.watch('src/css/*', gulp.series('css')); // 监听css变化 gulp.watch('src/images/*', gulp.series

    1.4K10

    Gulp安装流程、使用方法及cmd常用命令导览

    其实感觉和jq的一样,就是”链式调用”,在这里呢人家叫”流式操作” 其他gulp api的代码意思见后边 另外,需要哪个gulp插件的可以去网上搜这个gulp插件,然后gulpfile.js...', 'scripts'); 37 38 // 监听文件变化 39 gulp.watch('....不是,要重建,但是丫丫姐的项目竟然都可以用,就是直接在建好的本地gulp项目中,再建一个项目包开始工作 全局环境的全局啥意思?...这个情况是提醒我graceful-fs的版本太低 其他的报错,很大的可能就是你命令输入错误导致没装成功,一般就是字母输入错误,空格用了全角,标点用了全角等问题 遇到了再贴图吧。     ...default任务下的回调函数

    2.4K60
    领券