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

最新推荐文章于 2024-05-16 21:03:34 发布

原创最新推荐文章于 2024-05-16 21:03:34 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue框架专栏收录该内容

141 篇文章

订阅专栏

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

文章目录

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

2533

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

919

给项目增加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

930

目录 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

764

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

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

Luka

12-25

3263

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

vue TypeError: Cannot read property ‘tapPromise‘ of undefined

u014678583的博客

01-05

7132

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

1290

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

Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx

01-21

Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...

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

183

在用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

9742

今天遇到一个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

441

解决 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

842

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报错的问题

Kevins_Li的博客

01-07

2672

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