vue 打包报错：TypeError: Cannot read property ‘tapPromise‘ of undefined ？

最新推荐文章于 2025-10-04 15:58:54 发布
原创 最新推荐文章于 2025-10-04 15:58:54 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #webpack

本文讲述了如何在Vue项目中遇到Webpack压缩插件版本过高导致打包错误后，通过卸载并安装低版本（6.1.1）来解决问题的过程。

vue 使用webpack插件
在这里插入图片描述

打包时候报错，错误如图所示：
在这里插入图片描述
因为安装的时候是直接使用如下指令：

npm install compression-webpack-plugin

此时安装的即为该插件的最新版本，现在是2021.7.16，最新版本为
在这里插入图片描述
经过查找已经自行尝试，实现解决该问题。
方案如下：

使用低版本该插件

具体步骤如下：

  1. 卸载当前版本
    npm uninstall compression-webpack-plugin
  2. 安装低版本
    npm install compression-webpack-plugin@6.1.1
  3. 再次打包
    npm run build
关于vue3 build报错：TypeError: Cannot read property ‘tapPromise’ of undefined解决方案
cabinx的博客
09-03 2525
关于vue3 build报错：TypeError: Cannot read property ‘tapPromise’ of undefined解决方案 问题描述: vue3 build后出现以下报错： TypeError: Cannot read property 'tapPromise' of undefined 解决方案: 上述报错的原因是压缩插件compression-webpack-plugin版本太高导致（一般情况下不要超过6.x，但是5.x版本及以下才能生成正确的压缩文件
vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决
JackieDYH的博客
05-27 898
给项目增加gzip打包 yarn add compression-webpack-plugin -D（默认安装的是7以上的最新版本） 修改vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin'); configureWebpack: { plugins: [ new CompressionWebpackPlugin({ filename: '[p
安装 compression webpack plugin 报错：Cannot read property ‘tapPromise‘ of undefined
前端看世界
04-01 3715
默认安装 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
web13638590209的博客
02-22 759
// 打包压缩 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
u014678583的博客
01-05 7124
原因是因为"compression-webpack-plugin"这个版本高了，得降低点版本 1、首先得先卸载 npm uninstall compression-webpack-plugin 2、然后装个第一点的版本，6.1.1就可以了 npm i -D compression-webpack-plugin@6.1.1 3、重新打包- npm run build ...
ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined
猫晨的技术小屋
05-16 1281
解决webpack与compression-webpack-plugin版本冲突的问题。
Vue 打包 ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined
Luka
12-25 3254
之前打包发版都是正常的，这边查看代码提交记录，在使用 compression-webpack-plugin 插件时尽然对版本进行变更，安装插件的时候默认最新版本，但是可能脚手架还不支持这个版本，所以需要降低插件版本进行使用，这边在安装的时候最新版本为 v9.2.0，降到 v6.1.1 进行使用；在前端vue打包升级的时候，遇到。
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...
uniapp报错：TypeError: Cannot read properties of undefined (reading ‘replace‘) 无法读取未定义的属性（读取 ‘replace‘）
最新发布
高级前端工程师
10-04 4162
TypeError: Cannot read properties of undefined (reading ‘replace‘)，uniapp报错提示，尝试访问未定义对象的replace属性导致，uniapp浏览器控制台报错，uniapp微信小程序报错，uniapp H5网页提示错误，Uniapp APP端报错如何解决，uniapp安卓苹果ios错误，uniapp尝试运行uni.navigateTo的时候没能实现跳转，并卡住显示类似，uniapp页面跳转报错，详细排查和解决方案，怎么解决这个报错，代码没
Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)
m0_54630400的博客
03-02 6436
目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息： 无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),
vue-cli创建的项目打包报错：TypeError: Cannot read property ‘tapPromise‘ of undefined
ruchu_753的博客
12-21 9740
今天遇到一个bug（ps:以前没有遇到过，有点方）,就是下图 最后找到原因就是webpack的插件需要更新！！！ 由于我可以运行开发环境，所以我找到了vue.config.js文件，然后注释掉了生产环境才生效的代码。然后在打包就可以成功了。然后我依次注释（ps:英语不太好，嘻嘻），最后找到原因。 就是这个插件需要更新。然后执行 yarn add compression-webpack-plugin -D 。解开注释，重新执行打包就好了！ ...
解决 TypeError: Cannot read property ‘tapPromise‘ of undefined
热门推荐
卡尔特斯
12-29 1万+
在使用 compression-webpack-plugin 插件时报这个错误，原因是版本问题。 ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined 安装插件的时候默认最新版本，但是可能脚手架还不支持这个版本，所以需要降低插件版本进行使用，这边在安装的时候最新版本为 v9.2.0，降到 v6.1.1 进行使用..
TypeError: Cannot read property ‘tapPromise‘ of undefined
weixin_38401146的博客
03-29 9772
// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'), ...
ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined报错的问题
Kevins_Li的博客
01-07 2669
ERROR TypeError: Cannot read property ‘tapPromise’ of undefined报错的问题 ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined 最近在使用gzip优化Vue的项目，结果发现打包的时候报了这个错误，后来通过网上不断的翻阅资料与实验，才知道原来是插件版本
ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined报错的问题
cang23456_博客
03-02 841
ERROR TypeError: Cannot read property ‘tapPromise’ of undefined报错的问题 ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined 最近在使用gzip优化Vue的项目，结果发现打包的时候报了这个错误，后来通过网上不断的翻阅资料与实验，才知道原来是插件版本的
vue 打包出现TypeError: Cannot read property ‘tapPromise‘ of undefined问题
qq_36529240的博客
08-27 440
出现这个问题是最新版8.x以上版本问题，只需降低版本。 一、卸载 npm uninstall compression-webpack-plugin 二、安装 npm i compression-webpack-plugin@6.1.0
解决 TypeError: Cannot read property 'tapPromise' of undefined
卡尔特斯
12-29 292
在使用 compression-webpack-plugin 插件时报这个错误，原因是版本问题。 ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined 安装插件的时候默认最新版本，但是可能脚手架还不支持...
vue打包时报错：TypeError: Cannot read property ‘tapPromise‘ of undefined
SunPeng的博客
11-21 1417
TypeError: Cannot read property 'tapPromise' of undefined
vue 报错解决：TypeError: Cannot read property '_t' of undefined
05-19
这个错误通常是因为在访问 Vue 实例的时候出现了问题。可能是因为变量没有被正确地初始化，或者是因为 Vue 实例没有被正确地创建。 你可以按照以下步骤来解决这个问题： 1. 确认 Vue 实例是否已经被正确地创建。你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值