vue中配置filemanager-webpack-plugin的报错和解决

安装包版本:"filemanager-webpack-plugin": "^7.0.0-beta.0",

正确配置方式:

const FileManagerPlugin = require('filemanager-webpack-plugin') // 引入
const packageName = 'dist'
chainWebpack(config) {config.plugin('fileManager').use(FileManagerPlugin).tap(args => [{events: {onEnd: {delete: [ // 首先需要删除项目根目录下的dist.zip`./${packageName}.zip`],archive: [ // 选择文件夹将之打包成xxx.zip并放在根目录{ source: `./${packageName}`, destination: `./${packageName}.zip` }]}}}])
}

以上配置,可以解决以下问题:

1.TypeError: config.plugins.push is not a function

2. ERROR ValidationError: Invalid actions object. FileManagerPlugin has been initialized using an actions object that does not match the API schema.
- actions has an unknown property 'onEnd'. These properties are valid:
object { events?, runTasksInSeries?, context?, runOnceInWatchMode? }

vue中配置filemanager-webpack-plugin的报错和解决相关推荐

IDEA中实现接口时注解@Override报错的解决方法
IDEA中实现接口时注解@Override报错的解决方法参考文章: (1)IDEA中实现接口时注解@Override报错的解决方法 (2)https://www.cnblogs.com/liulao ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
解决vue中路由跳转同一个路径报错
在vue项目中,如果使用$router.push跳转到一个相同的路由会报错如何解决 vue-router在3.1.0版本之后,push和replace方法会返回一个promise对象,如果跳转到相同的 ...
vue中watch的用法总结以及报错处理Error in callback for watcher checkList
首先确认 watch是一个对象,一定要当成对象来用. 对象就有键,有值. 键:就是你要监控的那个家伙,比如说$route,这个就是要监控路由的变化,或者是data中的某个变量. 值可以是函数:就是当你 ...
【原创】vue中使用CKEditor5引入插件ckeditor-duplicated-modules报错处理
在vue中使用了ckeditor5后,收到如下图的反馈: 起初以为是小问题,像其他富文本一样加几个属性参数就有了,但是我发现我错了,错的离谱.那些参数加上去没有任何效果,后来查找下才知道是要下载插件. ...
解决Vue中Object.assign清空数据的报错
想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向例如 Object.assign(this.$data, this.$options.data. ...
vue中base64图片展示提示图片报错：GET data:image/png；base64,undefined net::ERR_INVALID_URL
我把后端和前端都部署到了云服务器上.部署后端后,通过本地启动的前端连接服务器上的后端后,可以正常访问.但是通过部署在服务器上的前端项目访问页面时有报错,可能图片的相关报错. 造成这样的原因 <i ...
XXX@1.0.0 build: `NODE_ENV=production webpack --config webpack.config.js`报错的解决
1.我们先来分析一下这个报错的原因: 在build这个项目的时候失败 2.检查一下我是怎么配置的build 在项目中我使用了NODE_ENV=development的设置方式,而多数的windows不 ...
配置redis缓存实例出现报错及解决方法
redis由于其高并发和高性能常被用于缓存原理图如下配置时常常会遇到一些问题. 正常情况下,访问应该如下展示: 第一次访问页面再次刷新上次访问页面,会出现如下页面 mysql 变为redis 但 ...
win10系统中ENSP AR启动代码40报错一些解决办法
因为本人需要经常用到ENSP,一开始第一次安装是没问题.可以运行的.然后因为一些特殊原因卸载后重装就出现了40报错... 经过多次尝试,总结出以下几种关于ENSP模拟器40报错的解决方案 1.可能是卸 ...

vue中配置filemanager-webpack-plugin的报错和解决

vue中配置filemanager-webpack-plugin的报错和解决相关推荐

最新文章

热门文章