webpack使用compression-webpack-plugin插件的时候报错Cannot read property 'emit' of undefined

最新推荐文章于 2025-06-27 17:59:08 发布
原创 最新推荐文章于 2025-06-27 17:59:08 发布 · 1.5w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#compression-webpack-plugin

本文详细介绍了在使用compression-webpack-plugin时遇到的TypeError错误，即无法读取'emit'属性的问题。通过将插件版本降至1.1.12，成功避免了此错误，确保了项目正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

相关代码

const CompressionPlugin = require('compression-webpack-plugin')

webpackConfig.plugins.push(

new CompressionPlugin({
  // asset: '[path].gz[query]',
  algorithm: 'gzip',
  test: new RegExp(
    '\\.(js)$' 
    // '\\.(' +
    // configItem.productionGzipExtensions.join('|') +
    // ')$'
  ),
  threshold: 10240,
  minRatio: 0.8
})

错误如下

compiler.hooks.emit.tapAsync({ name: 'CompressionPlugin' }, emit);

TypeError: Cannot read property 'emit' of undefined

at CompressionPlugin.apply (C:\MyWayProject\2018\vue\ehrAdmin\node_modules\compression-webpack-plugin\dist\index.js:175:20)
 

 

把compression-webpack-plugin降到1.1.12就不会报错了

compression-webpack-plugin GZip插件打包报错 ValidationError: Compression Plugin Invalid Options
Jane_96的博客
08-19 2569
安装插件： yarn add compression-webpack-plugin 配置webpack.js ： const CompressionPlugin = require("compression-webpack-plugin"); return ( plugins: [ new BundleAnalyzerPlugin(), isEnvProductio...
vue-cli webpack配置分析 - chenBright - SegmentFault 思否
2401_84438488的博客
04-29 829
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了@param {Array} loaders loader名称数组@return {String|Object} ExtractTextPlugin对象或loader字符串*/// 例如，sass?// 在?号前加上“-loader”})
安装 compression webpack plugin 报错：Cannot read property ‘tapPromise‘ of undefined
前端看世界
04-01 3626
默认安装 compression-webpack-plugin 插件，会自动安装最新版, 而最新版本不兼容问题，在运行项目时导致报错：Cannot read property 'tapPromise' of undefined； 【warning】 Conflict: Multiple assets emit different content to the same filename js/.gz
【vue3】打包配置webpack压缩，哈希值设置
最新发布
Anlittlecat的博客
06-27 236
【代码】【vue3】打包配置webpack压缩，哈希值设置。
webpack使用compression-webpack-plugin插件的时候报错Cannot read property ‘emit‘ of undefined
u011200562的博客
07-11 1627
把compression-webpack-plugin降到1.1.12就不会报错了 卸载npm uninstall compression-webpack-plugin 安装npm install compression-webpack-plugin@1.1.12 --save-dev
compression-webpack-plugin报错问题
小剑儿的博客
09-25 8901
vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npm install时安装了最新的版本，你只需要 npm install --save-dev compression-webpack-plugin@1.1.12 即可解决 ...
出现Error: Cannot find module ‘compression-webpack-plugin‘错误
m0_64707449的博客
08-07 2522
版本问题。
Cannot read property '$emit' of undefined"
08-23
"Cannot read property '$emit' of undefined"是一个错误信息，它表示在代码中尝试访问未定义的属性'$emit'。这个错误通常发生在Vue.js中使用组件的时候。根据引用和引用的信息，这个错误可能与使用Gzip打包时出现了...
【前端性能优化实践】手把手教你实现webpack图片压缩插件
薛小科的博客
02-25 1880
手把手教你实现一个webpack图片压缩插件，提升页面加载速度
vue-cli中的webpack配置
心暖未晴
10-24 874
https://segmentfault.com/a/1190000008779053 版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── build │   ├── build.js │   ├── check-versions.js │   ├──
webpack源码解析四
vv_bug
07-12 1709
前言 我们接着前面的文章webpack源码解析二继续往下探索webpack的配置，demo的github地址：https://github.com/913453448/webpack-demo.git。 DevServer webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置，因为webpack-dev-server依赖webpack-dev-middleware。 我们首先在我们的因
npm安装compression-webpack-plugin插件报错问题记录
刘先森
03-10 2万+
文章目录问题再现解决方案总结 问题再现 因项目需要，在前端项目中安装compression-webpack-plugin插件 运行npm install compression-webpack-plugin命令之后在package.json文件中已经出现了"compression-webpack-plugin": "^7.1.2"这个依赖项 运行npm run serve命令启动项目，报错信息如下： ERROR Error: Rule can only have one resource sou
npm安装compression-webpack-plugin插件编译报错问题记录
Dragonfly_w的博客
12-07 3122
缘由是本人在不能链接外部网络情况下开发项目，由于需要把项目压缩成。.gz文件，所以就想到这个插件 本人先是在外网本上下载这个插件包，直接靠近项目的包文件夹中，结果造成vue编译报错 * 显示让npx browserslist@lastest --update-db(不用管它) * NOT SUPPORTED: option jsonPointes. Deprecated jsPropertSyntax can be used instead.(废话) 主要来了（TypeError: cannot re
【日常记录】引入模块“compression-webpack-plugin”后出现TypeError: Cannot read property ‘tapPromise‘ of undefined
chengzhf的专栏
04-28 1070
对Vue项目进行打包优化，因此引入了模块compression-webpack-plugin，但却出现了错误： TypeError: Cannot read property ‘tapPromise‘ of undefined 降级即可解决问题
前端开发遇到Cannot find module ‘compression-webpack-plugin‘问题解决
zy103118的博客
09-01 1万+
------------------------------- 下面是参考的网上的内容（看了下面这个帖子就试了一下上面的内容，问题就解决了） 原文链接：https://www.cnblogs.com/xyyt/p/11384818.html vue-cli webpack打包开启Gzip 报错—— Cannot find module 'compression-webpack-plugin 异常描述： 复用以前框架，打包的时候报异常提示： Cannot find module 'c...
vue build打包出现“TypeError: Cannot read property ‘tapPromise‘ of undefined”的报错
qq_29236119的博客
03-31 1810
使用VUE执行npm run build 进行打包时出现了TypeError:Cannot read property ‘tapPromise‘ of undefined问题，检查后发现是compression-webpack-plugin插件版本问题导致的，解决方案如下： 项目中compression-webpack-plugin 安装的版本是 7.1.2 1、首先卸载高版本的compression-webpack-plugin，执行命令： cnpm/npm uninstall compression-
TypeError Cannot read property ‘tapPromise‘ of undefined
web13638590209的博客
02-22 737
// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\.(' + ['js', 'css'].join('|') + ')$'), //...
compression-webpack-plugin报错记录
abingll的博客
03-11 781
在vue.config.js里引入后，什么配置都没有写，就开始报错：如下 查看报错信息最开始没有找到问题所在，后查找各种方案和配置及版本都没能解决， 最后一条一条查看报错信息，发现如下： 项目里不知道什么时候有了这么一个文件，在其中引入了vue.config.js 导致使用compression-webpack-plugin报错 ...
typeerror: Cannot read properties of null (reading ‘emitsOptions‘)报错原因及解决方法
热门推荐
stay hungry, stay foolish
10-23 2万+
可能导致的原因以及解决方法：1. 在父组件中子组件名称没有正确引入：检查组件名称和子组件是否正确定义props以及emit的使用2. 在一个空值上去访问属性：可以使用可选链操作符（？）去检查对象是否为空3. v-if指令的判断条件为null，导致无法找到对应的属性：使用v-show代替v-if，因为v-show不会造成DOM的变化 4. v-for指令在数据循环渲染时初始化数据为undefined：判断该值存在才渲染
terser-webpack-plugin报错TypeError: Cannot read property 'javascript' of undefined
03-19
根据您提供的信息，报错信息"TypeError: Cannot read property 'javascript' of undefined"通常是由于在使用terser-webpack-plugin时出现了错误配置或者缺少必要的配置导致的。 terser-webpack-plugin是一个用于...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值