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

最新推荐文章于 2025-06-06 16:16:07 发布

Sun Peng

最新推荐文章于 2025-06-06 16:16:07 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue框架文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_53791978/article/details/127966192

Vue框架专栏收录该内容

140 篇文章

订阅专栏

本文介绍了在使用compression-webpack-plugin插件时遇到的版本不兼容问题。由于安装时默认获取了最新版本，但项目脚手架可能无法支持该版本，因此需要回退到特定版本以确保正常运行。

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

文章目录

- - - - 1、问题：
        2、原因：
        3、解决：

1、问题：

在这里插入图片描述

2、原因：

在使用 compression-webpack-plugin 插件时报这个错误，原因是版本问题。

安装插件的时候默认最新版本，但是可能脚手架还不支持这个版本，所以需要降低插件版本进行使用

在这里插入图片描述

3、解决：

npm install compression-webpack-plugin@6.1.1

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sun Peng

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

关于vue3 build报错：TypeError: Cannot read property ‘tapPromise’ of undefined解决方案

cabinx的博客

09-03

2491

关于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

799

给项目增加gzip打包 yarn add compression-webpack-plugin -D（默认安装的是7以上的最新版本）修改vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin'); configureWebpack: { plugins: [ new CompressionWebpackPlugin({ filename: '[p

参与评论您还未登录，请先登录后发表或查看评论

Cannot read property ‘prototype‘ of undefined

qq_46416934的博客

02-24

894

目录 vue3.x创建项目引用 elementUI 控制台报错如下图所示： ?报错起因： ?解决方法：使用vue3.x版本引入ElementUI vue3.x创建项目引用 elementUI 控制台报错如下图所示： Cannot read property ‘prototype‘ of undefined 报错起因：看一下element官网的这句话：意思就是实例对象不一致，官网上的实例对象是vue/3.0（vue2.x）版本创建的对象，而我创建的项目是用vue3.x创建的，实例对象

TypeError Cannot read property ‘tapPromise‘ of undefined

web13638590209的博客

02-22

736

// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\.(' + ['js', 'css'].join('|') + ')$'), //...

Typeerror: cannot read properties of undefined (reading ‘XXX‘)

最新发布

qq_50880219的博客

06-06

451

奇怪的是同样用docker容器作为后端和数据库，vscode运行的项目可以正常显示，但是docker使用npm run build构建的前端却出现了问题，匪夷所思。后面仔细看了下代码，发现这个问题应该是。使用的是dialog组件，点击按钮之后屏幕变暗，但是没显示任何数据，调出控制台看了一下，后端返回的数据也是正确的。弹窗中有个访问了一个item[xx]，但是这个item的初始化用的是const赋值为空，后面才在函数中给item赋值了，总所周知，const定义的变量是个常量，改成let之后就可以运行成功了。

Vue 打包 ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined

Luka

12-25

3218

之前打包发版都是正常的，这边查看代码提交记录，在使用 compression-webpack-plugin 插件时尽然对版本进行变更，安装插件的时候默认最新版本，但是可能脚手架还不支持这个版本，所以需要降低插件版本进行使用，这边在安装的时候最新版本为 v9.2.0，降到 v6.1.1 进行使用；在前端vue打包升级的时候，遇到。

vue TypeError: Cannot read property ‘tapPromise‘ of undefined

u014678583的博客

01-05

7032

原因是因为"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

1247

解决webpack与compression-webpack-plugin版本冲突的问题。

Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案

资深程序员

11-07

1万+

vue2，SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，vue2怎么解决npmrunserve时的Cannot

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

热门推荐

郭宝的博客

06-24

11万+

错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...

TypeError: Cannot read property ‘tapPromise‘ of undefined

alpha_xu_vvvvv的博客

10-08

134

在用webpack打包vue项目的时候要开启gzip会出现的错误 compression-webpack-plugin版本问题需要用5.0.1版本 npm i compression-webpack-plugin@5.0.1

vue-cli创建的项目打包报错：TypeError: Cannot read property ‘tapPromise‘ of undefined

ruchu_753的博客

12-21

9708

今天遇到一个bug（ps:以前没有遇到过，有点方）,就是下图最后找到原因就是webpack的插件需要更新！！！由于我可以运行开发环境，所以我找到了vue.config.js文件，然后注释掉了生产环境才生效的代码。然后在打包就可以成功了。然后我依次注释（ps:英语不太好，嘻嘻），最后找到原因。就是这个插件需要更新。然后执行 yarn add compression-webpack-plugin -D 。解开注释，重新执行打包就好了！ ...

vue 打包出现TypeError: Cannot read property ‘tapPromise‘ of undefined问题

qq_36529240的博客

08-27

428

解决 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 进行使用..

ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined报错的问题

cang23456_博客

03-02

824

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的项目，结果发现打包的时候报了这个错误，后来通过网上不断的翻阅资料与实验，才知道原来是插件版本的

dglist1.vue:77 TypeError: Cannot read property 'find' of undefined at eval

11-06

错误信息表明在`dglist1.vue:77`这行代码中遇到了 `TypeError: Cannot read property 'find' of undefined`，这意味着你在尝试访问一个未定义的对象的`find`属性。这个错误通常发生在你试图在一个可能为空（undefined）的对象上调用`find`方法时。 `find` 方法是在数组中查找满足特定条件的第一个元素，如果找不到符合条件的元素，则返回`undefined`。可能是以下几个情况导致的： 1. **变量未初始化**：在调用`find`之前，你可能忘记初始化数组或者对象`list`。确保在调用`find`之前，`list`已经被赋值并且不是空的。 ```javascript // 假设list是一个数组 let list = []; // 如果这里未初始化，需要先赋值 const foundItem = list.find(item => item.someProperty === desiredValue); // 这里假设item.someProperty存在 ``` 2. **条件判断错误**：`find`方法依赖于传入的回调函数返回`true`来找到匹配项。检查回调函数内部逻辑是否正确。 ```javascript if (!array || !array.length) { return; } const foundItem = array.find(item => item.yourCondition); ``` 3. **异步加载**：如果`list`是从API或者其他外部源动态加载的，确保它已经完成加载后再执行`find`操作。 ```javascript async function fetchData() { const response = await fetch('your_api_url'); const list = await response.json(); return list.find(...); } ``` 修复这个问题后，你应该能正常执行`find`操作而不会遇到错误。