【日常记录】引入模块“compression-webpack-plugin”后出现TypeError: Cannot read property ‘tapPromise‘ of undefined

最新推荐文章于 2024-05-16 21:03:34 发布
最新推荐文章于 2024-05-16 21:03:34 发布
阅读量964 收藏 2
点赞数 1
文章标签： vue js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengzhf/article/details/116236687
版权

对Vue项目进行打包优化，因此引入了模块compression-webpack-plugin，但却出现了错误：

TypeError: Cannot read property ‘tapPromise‘ of undefined

而且指向的位置是打包后的文件，这个就很奇怪了，并不是我们业务层级的代码。

 

经过一番查询，发现是插件版本问题，最新的插件版本是7.1.1，将版本降为6.1.1即可

 "compression-webpack-plugin": "^6.1.1",

 

程老师2088
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
compression-webpack-plugin:准备资产的压缩版本以通过内容编码为它们提供服务
05-02
首先，您需要安装compression-webpack-plugin ： $ npm install compression-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。 例如： webpack.config.js const CompressionPlugin = require ( ...
named-module-webpack-plugin:插件允许您使用带有名称的模块
05-14
命名模块Webpack插件 它允许您使用带有名称的模块。 例如： src / button / button.js function Button ( ) { } export default Button as 'button' ; src / button / root.js import Button from 'button' ; //...
安装 compression webpack plugin 报错：Cannot read property ‘tapPromise‘ of undefined
前端看世界
04-01 3191
默认安装 compression-webpack-plugin 插件，会自动安装最新版, 而最新版本不兼容问题，在运行项目时导致报错：Cannot read property 'tapPromise' of undefined； 【warning】 Conflict: Multiple assets emit different content to the same filename js/.gz
TypeError: Cannot read property ‘tapPromise‘ of undefined 打包的时候报错，我的vue cli版本是4.5.0
LJJONESEED的博客
08-23 166
卸载npm uninstall compression-webpack-plugin 安装npm install compression-webpack-plugin@5.0.0 --save-dev
ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined
最新发布
猫晨的技术小屋
05-16 711
解决webpack与compression-webpack-plugin版本冲突的问题。
vue build打包出现“TypeError: Cannot read property ‘tapPromise‘ of undefined”的报错
qq_29236119的博客
03-31 1667
使用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 613
// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\.(' + ['js', 'css'].join('|') + ')$'), //...
vue打包时报错：TypeError: Cannot read property ‘tapPromise‘ of undefined
SunPeng的博客
11-21 1129
TypeError: Cannot read property 'tapPromise' of undefined
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
然而，在使用compression-webpack-plugin插件时，我们需要注意版本问题，以免出现Cannot read property 'tapPromise' of undefined报错信息。 在解决Cannot read property 'tapPromise' of undefined报错信息后，...
img-compress-webpack-plugin:一个 webpack 插件来最小化 jpgpng 的大小
05-29
img-compress-webpack-pluginimg-compress-webpack-pluginis a very lightweight webpack plugin that uses the excellent compression algorithm of the tinypng website to compress the image formatimg-compress...
compression-webpack-plugin, 准备压缩的资产版本以提供内容编码.zip
09-18
compression-webpack-plugin, 准备压缩的资产版本以提供内容编码 压缩插件准备压缩的资产版本以提供内容编码安装npm i -D compression-webpack-plugin用法webpack.config.jsconst Compressio
webpack打包进行丑化压缩遇到（TypeError: Cannot read property 'compilation' of undefined）问题
想搞全栈的前端
07-26 685
问题 在使用vue官方推荐打包插件UglifyjsWebpackPlugin对webpack打包时遇到TypeError: Cannot read property ‘compilation’ of undefined 解决办法 很明显，这是node一些包的版本对应不上的问题 将项目中的该包升级或者降级到1.0.0版本 npm i uglifyjs-webpack-plugin@1.0.0 --...
前端开发遇到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...
webpack使用compression-webpack-plugin插件的时候报错Cannot read property ‘emit‘ of undefined
u011200562的博客
07-11 1548
把compression-webpack-plugin降到1.1.12就不会报错了 卸载npm uninstall compression-webpack-plugin 安装npm install compression-webpack-plugin@1.1.12 --save-dev
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
Cannot read properties of undefined (reading ‘tapPromise‘)
yolo_link的博客
06-13 7676
tapPromise报错，vue3打包报错，compression-webpack-plugin版本问题
vue 打包异常记录
u014685642的博客
04-25 8786
Module build failed (from ./node_modules/_vue-loader@13.3.0@vue-loader/index.js): TypeError: Cannot read properties of undefined (reading 'vue') package.json 或者.babelrc 中添加 "presets":[ "@vue/app"] Error: Multiple configuration files found. Please remov.
npm安装compression-webpack-plugin插件编译报错问题记录
Dragonfly_w的博客
12-07 2752
缘由是本人在不能链接外部网络情况下开发项目，由于需要把项目压缩成。.gz文件，所以就想到这个插件 本人先是在外网本上下载这个插件包，直接靠近项目的包文件夹中，结果造成vue编译报错 * 显示让npx browserslist@lastest --update-db(不用管它) * NOT SUPPORTED: option jsonPointes. Deprecated jsPropertSyntax can be used instead.(废话) 主要来了（TypeError: cannot re
Vue 打包 ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined
Luka
12-25 2755
之前打包发版都是正常的，这边查看代码提交记录，在使用 compression-webpack-plugin 插件时尽然对版本进行变更，安装插件的时候默认最新版本，但是可能脚手架还不支持这个版本，所以需要降低插件版本进行使用，这边在安装的时候最新版本为 v9.2.0，降到 v6.1.1 进行使用；在前端vue打包升级的时候，遇到。
While resolving: compression-webpack-plugin@3.1.0 npm ERR! Found: webpack@3.12.0
06-07
这个错误可能是由于你的项目中使用了较旧版本的 webpack，而 compression-webpack-plugin 3.1.0 需要更高的版本的 webpack 才能正常工作。 为了解决这个问题，你可以尝试以下几种方法： 1. 更新 webpack 版本：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程老师2088

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值