Gulp文件错误: AssertionError [ERR_ASSERTION]：必须指定任务函数_AssertionError [ERR_ASSERTION]：必须在Gulp中指定任务函数错误_gulpfile错误AssertionError [ERR_ASSERTION]：必须指定任务函数 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

node.js 使用教程-2.Gulp 打包构建入门与使用

是基于任务来完成构建的，通过gulp.task() 创建一个任务 gulp.task(name, fn) - 定义任务，第一个参数是任务名，第二个参数是任务内容。...使用异步函数 async 和 await var gulp = require('gulp'); // 导入gulp var uglify = require('gulp-uglify');...另存到dist压缩后的文件 .pipe(gulp.dest('dist/js')) }) default 默认任务如果有些文件不做任何处理，直接负责到dist目录，比如把html文件复制到...gulp 执行后会发现报错Task function must be specified PS D:\code\web> gulp AssertionError [ERR_ASSERTION]: Task...\node_modules\gulp-cli\lib\shared\require-or-import.js:19:11) { generatedMessage: false, code: 'ERR_ASSERTION

1.2K2 0

umi3升级umi4报错问题汇总，附解决方法

解决方法：删除 package.json 中的 react-dev-inspector ，从新 yarn 一下： - "react-dev-inspector": "^1.7.0", 并且要删除配置文件中的相应的插件...plugins/umi/react-inspector', + // 'react-dev-inspector/plugins/umi/react-inspector', ], 然后又报新的错误...： fatal - AssertionError [ERR_ASSERTION]: Invalid config values: fastRefresh, dva Invalid value for ...', actual: false, expected: true, operator: '==' } fastRefresh 配置，[email protected] 必须是 boolean.../config/config.ts： - fastRefresh: {}, + fastRefresh: true, 然后又报错： fatal - AssertionError [ERR_ASSERTION

8.2K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

umi3升级umi4报错问题汇总，附解决方法

： fatal - AssertionError [ERR_ASSERTION]: Invalid config values: fastRefresh, dva Invalid value for ..., actual: false, expected: true, operator: '==' } fastRefresh 配置，umi@4 必须是 boolean，umi@3 需要是 object.../config/config.ts： - fastRefresh: {}, + fastRefresh: true, 然后又报错： fatal - AssertionError [ERR_ASSERTION... }, - esbuild: {}, - nodeModulesTransform: { type: 'none' }, - exportStatic: {}, }); 然后报了一堆 less 文件的错误...继续报错： error - AssertionError [ERR_ASSERTION]: filePath not found of umi-request at Dep.buildExposeContent

2.8K1 0

Gulp基本使用

Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。....pipe(concat('bundle.min.js'))//压缩成一个文件，不指定则分别压缩 .pipe(uglify()) .pipe(gulp.dest...引入打包后的js文件时图片图片直接定位了错误信息，方便调试不过使用这个功能必须打开谷歌浏览器的Enable Javascript source maps 图片 css cnpm i.../src/*.js']); const livereload = require('gulp-livereload'); //打包函数 let js = function js(done){...* 2.打包指定输出的文件 * 3.压缩 * 4.输出目录 * cnpm i gulp gulp-uglify gulp-concat gulp-rename * sourcemap 保留了之前编译的代码使代码容易调试

9451 0

Gulp使用指南

准备一个 gulpfile.js 的文件 + 必须有 + gulp 进行打包的依据 + 每一个项目需要一个 gulpfile.js + 我们再这个文件里面进行本项目的打包配置 + gulp...作用: 创建一个基于流的任务 => 例子: gulp.task('htmlHandler', function () { // 找到 html 源文件, 进行压缩, 打包, 放入指定目录.../a/*.html') -> 找到指定目录下, 指定后缀的文件 2-3. gulp.src('..../abc') -> 把他接收到的内容放到 abc 目录下 4. gulp.watch() => 语法: gulp.watch(路径信息, 任务名称) => 作用: 监控指定目录下的文件.../src/pages/*.html', htmlHandler) -> 当指定目录下的 html 文件发生变化, 就会执行 htmlHandler 这个任务 5. gulp.series()

8921 0

使用 Make 构建网站

（2）兼容性问题插件的版本，必须与Grunt和Gulp的版本匹配，还必须与对应的命令行程序匹配。...SHELL变量指定构建环境使用BASH。四、检查语法错误第一个任务是，检查源码有没有语法错误。 js_files = $(shell find ....$ make test 十一、多任务执行构建过程需要一次性执行多个任务，可以指定一个多任务目标。...build: template concat min clean 上面代码将build指定为执行模板编译、文件合并、脚本压缩、删除临时文件四个任务。使用时调用下面的命令。...$ make 通常情况下，make一次执行一个任务。如果任务都是独立的，互相没有依赖关系，可以用参数 -j 指定同时执行多个任务。

3.2K4 0

Gulp 前端自动化构建工具

，在操作上使用了 NodeJS 中的 stream (流)，通过 pipe() 方法导入到指定的地方，将前一级的输出，作为后一级的输入，不再需要进行频繁的 IO 操作，但需要注意的是，这里的流内容，并非原始的文件流...gulp-less 为例，npm install gulp-less --save-dev，同样的，Mac 用户要是提示权限错误，加上 sudo 指令即可接下来我们新建一个 gulpfile.js 文件...less 的任务，以实现不同的需求，当任务有多个，为实现某一需求而运行所有任务显然是不可取的，我们可通过 gulp + 任务名的方式来运行指定的任务，而不会触发其他任务除了我们定义的 less 任务外...，我们还定义了一个 default 默认任务，这对 Gulp 来说是必须的，当我们输入 gulp 命令时，将会自动执行 default 任务，在上面这个例子中，我们先是执行了 less 任务，再执行了...;我们看到通过 .run 方法进行任务关联时，提示该方法已被弃用，建议使用任务依赖或 gulp.watch 任务进行触发，该 API 起到了文件监听的作用，当 gulp.src 匹配的路径下的文件发生了更改

1.7K4 1

Gulp折腾之路(II)

超级有用的类库；众所周知js是单线程的，运用此类库可以：保证任务按顺序执行，让gulp任务，可以相互独立，解除任务间的依赖，增强task复用；对于复杂的操作非常有用；安装: npm install...【用del rd命令都不足以删除之,我屮艸芔茻，醉了~】； del : 指定的路径或文件名太长，或者两者都太长。...完全限定文件名必须少于 260 个字符，并且目录名必须少于 248 个字符。 [Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 挂起(S) [?]...帮助 (默认值为“Y”): A rd : 指定的路径或文件名太长，或者两者都太长。完全限定文件名必须少于 260 个字符，并且目录名必须少于 248 个字符。...('build')); 这个插件很有作用，它可以用来遍历gulp.src()指定的那些文件；利用这个特性，以及npm下自带的path插件，即可获取到每个文件的文件名；在特定场景需求里，它帮了我很大忙。

1K5 0

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

gulp.task(‘taskName’,function(){ });//定义一个task任务，名字为taskName：（这里是你自定义任务名称）、设置一个回调函数。...回调函数里边定义要处理的任务任务呢就像火车一样，一环扣一环用点连接，最后一个才有分号结束。...default任务下的回调函数。...同样的，如果你default任务的task参数里边，有方括号设定其他依赖任务的顺序，那么他执行完default任务的回调函数后，会按照你指定的方括号里的任务名字顺序来执行。...//然后在命令行里直接执行gulp，不用填写执行的任务名字，他就可以自动执行默认的task，然后转向指定的其他依赖的task了、。 //可以比喻成你设置一条流水线作业吧。

2.3K6 0

gulp入门（小白级别）

gulp后面可以加上要执行的任务名，例如gulp task1，如果没有指定任务名，则会执行任务名为default的默认任务。 ?...有三种方法可以实现：（1）在异步操作完成后执行一个回调函数来通知gulp这个异步任务已经完成,这个回调函数就是任务函数的第一个参数。...var gulp = require('gulp'); gulp.task('one', function(cb){ //cb为任务函数提供的回调，用来通知任务已经完成 setTimeout(...注意：给gulp.dest()传入的路径参数，只能用来指定要生成的文件的目录，而不能指定生成文件的文件名。...index.js 然后写入gulp任务，执行即可看到输出的错误提示（如果没有错误，就不会报错提示）。

1.3K2 0

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

文件的目录(windows平台请使用cmd或者Power Shell等工具)，然后在命令行中执行gulp命令就行了，gulp后面可以加上要执行的任务名，例如gulp task1，如果没有指定任务名，则会执行任务名为...()中，gulp.dest()方法则把流中的内容写入到文件中，这里首先需要弄清楚的一点是，我们给gulp.dest()传入的路径参数，只能用来指定要生成的文件的目录，而不能指定生成文件的文件名，它生成文件的文件名使用的是导入到它的文件流自身的文件名...当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖，则可省略这个参数 fn 为任务函数，我们把任务要执行的代码都写在里面。该参数也是可选的。...有三种方法可以实现：第一：在异步操作完成后执行一个回调函数来通知gulp这个异步任务已经完成,这个回调函数就是任务函数的第一个参数。...最后要提醒的一点是，因为gulp-load-plugins是通过你的package.json文件来加载插件的，所以必须要保证你需要自动加载的插件已经写入到了package.json文件里，并且这些插件都是已经安装好了的

1.8K3 0

gulp自动化打包（上）

gulp插件（也是此次打包主要用的gulp插件），而下篇主要以一个demo项目为例，从本地checkout出合适的git版本，压缩、合并、到最后打成zip包，发送至指定目录，做一个全面的演示。...的js文件，如果两个都含有同一任务，不特殊说明的话，命令行只执行文件名为gulpfile.js的任务），在命令行输入 npm install gulp --save-dev（之前没有安装过gulp的话...output：传递你一个对象去指定输出的选项，个人理解是定制化的去压缩，传递一个参数对象，否则执行默认的参数。...服务器，这边有5个参数是必填的，分别为： host:服务器地址(必须) port：服务器端口(必须) user：ftp账户(必须) // 如果FTP没有访问限制，可以不填 pass：ftp...账户密码(必须)// 如果FTP没有访问限制，可以不填 remote: 对应的服务器文件地址(必须) logger：输出文件列表名称,默认在项目根目录生成文件(可选,默认：logger.txt)

1.7K3 0

第三方模块

下载nrm第三方模块时会出现以下错误错误情况：执行命令npm install nrm -g下载完nrm模块后查询下载地址列表会报错，无法加载文件，因为在此系统上禁止运行脚本。...const gulp = require('gulp'); //使用gulp.task()方法建立任务第一个参数是任务名称，第二个参数是回调函数 //执行时在命令行窗口输入gulp 任务名称...此时需在回调函数里添加结束回调done const gulp = require('gulp'); //使用gulp.task()方法建立任务 gulp.task('first', (done) =>...'); //使用gulp.task()方法建立任务 // 1.任务名称 // 2.任务回调函数 gulp.task('first', done => { // 获取要处理的文件到src...'copy']);此代码执行会报以下错误，需添加gulp.series()将任务函数组合操作 gulp.task('default', gulp.series(['first', 'htmlmin'

1.1K2 0

gulp自动化打包（下）

后面也可以跟某一类型文件，或者直接指定某文件夹。...压缩合并压缩合并，简单来说，就是指定需要处理的资源，然后调用相关函数，输出到某目录，等待下一步处理。...打zip包经过合并压缩等操作之后，项目会自动生成dist目录，dist目录下即为打包生成的各种文件，接下来的目标是将dist目录下的所有文件打成一个zip包，代码如下： gulp.task('zip_new...2.要想达到第一点里面的同步执行（一个任务完成才开始下一个），一定要保证前面的所有任务，即除了ftp任务，其余的方法一定要是return出来的，即：正确写法： gulp.task('js', function...()) .pipe(concat('index.min.js')) .pipe(gulp.dest(config.output.dist)) }); 错误写法： gulp.task('

1.2K2 0

JavaScript全栈开发-工具篇（上）

Grunt 1.1 Grunt安装 1.2 Grunt配置文件 1.3 Grunt任务的运行 2. Gulp 2.1 Gulp安装 2.2 Gulp配置 2.3 Gulp运行 3....三、构建工具在前端开发过程中，经常需合并文件、压缩代码、单元测试、检查语法错误等，需要用手工或不同的工具来完成不同的任务，重复劳动且耗时繁琐，而自动化构建工具可以帮我们自动管理和运行各种任务。...install grunt-contrib-watch --save-dev grunt-cli为grunt的命令行界面，主要向Grunt传递Gruntfile配置信息，然后执行Grunt来完成配置文件中指定的任务...多次调用dest将多次输出到多个目录，目录不存在则创建 -- gulp.task(name [,deps], fn)：指定任务名及任务函数来定义任务。default为Gulp默认执行的任务。...2.3 Gulp运行 1) 运行方式1：Gulp命令行方式执行项目根目录，执行gulp命令，命令格式：gulp ，未指定任务名，执行所有任务。

1.9K1 0

第三方模块

在gulpfil.js文件中编写任务....Gulp中提供的方法 gulp.src(): 获取任务要处理的文件 gulp.dest(): 输出文件 gulp.task(): 建立gulp任务 gulp.watch(): 监控文件的变化.../dist/css')) ; }) ; 可能会出现如下错误：此时需在回调函数里添加结束回调done const gulp = require('gulp'); //使用gulp.task()方法建立任务...'); //使用gulp.task()方法建立任务 // 1.任务名称 // 2.任务回调函数 gulp.task('first', done => { // 获取要处理的文件到src ...'copy']);此代码执行会报以下错误，需添加gulp.series()将任务函数组合操作 gulp.task('default', gulp.series(['first', 'htmlmin'

6574 0

模块加载及第三方包

4 Node.js中模块化开发规范 Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到模块内部可以使用exports对象进行成员导出，...', 'utf-8', (err, doc) => { // 如果文件读取出错err是一个对象包含错误信息 //如果文件读取正确 err是null //doc是文件读取的结果 ...在命令行工具中执行gulp任务 8 Gulp中提供的方法 gulp.src()：获取任务要处理的文件 gulp.dest()：输出文件 gulp.task()：建立gulp任务...构建任务 // 构建任务 gulp.task('default', ['htmlmin','cssmin', 'jsmin', 'copy']); 6.如出现以下错误： ?...main选项中的入口文件如果找指定的入口文件不存在或者没有指定入口文件就会报错，模块没有被找到 2 模块查找规则-当模块没有路径且没有后缀时 require('find'); Node.js

1.8K3 0

Gulp开发教程（翻译）

Gulp使用node-glob来从你指定的glob里面获取文件，这里列举下面的例子来阐述，方便大家理解： js/app.js 精确匹配文件 js/*.js 仅匹配js目录下的所有后缀为.js的文件 js...假设要定义一个任务build来执行css、js、imgs这三个任务，我们可以通过指定一个任务数组而不是函数来完成。...为了确保一个任务在另一个任务执行前已经结束，可以将函数和任务数组结合起来指定其依赖关系。...}); 现在，当改变一个模板文件时，build任务会被执行并生成HTML文件，也可以给watch函数一个回调函数，而不是一个任务数组。...watcher.end() 停止watcher（以便停止执行后面的任务或者回调函数） watcher.files() 返回watcher监听的文件列表 watcher.add(glob) 将与指定glob

8454 0

武装你的小程序——开发流程指南

因此，我们在处理的时候也需要注意区分，变量和函数最好有一个独立的文件目录存放，并且在import的时候，对于变量和函数，是必须交给sass处理的，也就是不能注释掉。...因此我们单独配置了sass变量和函数存放的位置，这样我们在打包的时候，遇到这样的import语句，我们就跳过，交给sass处理，否则就代表其是引入了共用的样式文件，这样我们交给sass处理前，就先将其注释掉...完整实现支持scss思路如下：指定文件处理目录 gulp-replace通过正则匹配@import语句将其注释判断当前@import语句是否存在于变量和函数文件的配置路径中不存在就注释，存在就跳过...启用gulp-sass编译scss文件，通过postcss对低版本ios和安卓进行兼容样式处理 gulp-rename更改文件后缀为.wxss gulp-replace通过正则匹配@import语句打开注释...拷贝其余页面，注意要排除scss文件，或者使用gulp-clean清理无用文件 ? 建立监听任务 ? 创建默认执行任务 ?

3.9K4 0

Hexo博客推荐安装的插件

url的值，必须包含是百度站长平台注册的域名（一般有www），比如: # URL url: http://www.antmoe.com root: / permalink: :year/:month...); //图片压缩组件 var changed = require("gulp-changed"); //文件更改校验组件 var gulpif = require("gulp-if"); //任务帮助调用组件...var plumber = require("gulp-plumber"); //容错组件（发生错误不跳出任务，并报出错误内容） var isScriptAll = true; //是否处理所有文件，...("deploy") ) ); // 默认任务 gulp.task( "default", gulp.series( "clean", "generate...最大的一个改变就是gulp.task函数现在只支持两个参数，分别是任务名和运行任务的函数以后的执行方式有两种：直接在Hexo根目录执行 gulp或者 gulp default ，这个命令相当于

1.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭