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

最新推荐文章于 2024-04-03 17:29:51 发布

unicorn-W

最新推荐文章于 2024-04-03 17:29:51 发布

阅读量415

点赞数 8

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/w84647517/article/details/135987562

版权

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

把版本降到6.1.1即可

npm install compression-webpack-plugin@6.1.1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

unicorn-W

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
Vue 打包 ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined

把版本降到6.1.1即可。
复制链接

扫一扫

[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) 解...

uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）

热门推荐

卡尔特斯

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

weixin_45785694的博客

04-03

746

1、npm run dev 打包报错ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined。主要是webpack的版本和compression-webpack-plugin的版本不适配。可以在这个网址去查询对应的webpack版本。

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

cabinx的博客

09-03

2300

关于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 - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案

王佳斌

11-07

6740

vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot

vue TypeError: Cannot read property ‘tapPromise‘ of undefined

u014678583的博客

01-05

6402

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

vue build打包出现“TypeError: Cannot read property ‘tapPromise‘ of undefined”的报错

qq_29236119的博客

03-31

1705

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

Cannot read property ‘tapPromise‘ of undefined

wfly blog

02-18

1300

compression-webpack-plugin：5.1.0 https://github.com/webpack-contrib/compression-webpack-plugin/releases/tag/v7.0.0

TypeError: Cannot read property ‘tapPromise‘ of undefined

weixin_38401146的博客

03-29

9699

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

安装 compression webpack plugin 报错：Cannot read property ‘tapPromise‘ of undefined

前端看世界

04-01

3277

默认安装 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

643

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

cang23456_博客

03-02

716

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 ？

Dark_programmer的博客

07-16

916

vue 使用webpack插件打包时候报错，错误如图所示：因为安装的时候是直接使用如下指令： npm install compression-webpack-plugin 此时安装的即为该插件的最新版本，现在是2021.7.16，最新版本为经过查找已经自行尝试，实现解决该问题。方案如下：使用低版本该插件具体步骤如下：卸载当前版本 npm uninstall compression-webpack-plugin 安装低版本 npm install compression-webpa

解决 TypeError: Cannot read property 'tapPromise' of undefined

卡尔特斯

12-29

179

Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined

07-28

根据引用\[1\]中的信息，报错信息显示为"Syntax Error: TypeError: Cannot read property 'styles' of undefined"。这个错误通常是由于代码中的某个地方出现了错误，导致无法读取未定义的属性'styles'。根据引用\[3\]中的建议，我们应该仔细检查报错信息，并找到对应的代码位置来解决问题。另外，根据引用\[2\]中的package.json文件内容，我们可以看到项目中使用了Vue框架和相关插件。可能的原因是在Vue组件中的某个地方出现了错误，导致无法正确读取'styles'属性。为了解决这个问题，我们可以按照以下步骤进行操作： 1. 首先，检查报错信息中提到的文件和行号，找到对应的代码位置。 2. 然后，仔细检查该代码位置附近的代码，查看是否有语法错误、拼写错误或其他错误。 3. 如果有可能，可以尝试注释掉该代码段，然后重新运行项目，看是否还会出现相同的错误。这样可以确定该代码段是否是问题所在。 4. 如果以上步骤都没有解决问题，可以尝试更新相关的依赖包，特别是Vue和相关插件的版本。可以根据引用\[2\]中的package.json文件中的版本号来确定需要更新的依赖包。 5. 如果问题仍然存在，可以在开发者社区或相关论坛上寻求帮助，向其他开发者请教或分享你的问题，以获得更多的解决方案。总之，根据报错信息和引用的内容，我们可以通过仔细检查代码和相关依赖包来解决"Syntax Error: TypeError: Cannot read property 'styles' of undefined"的问题。 #### 引用[.reference_title] - *1* [解决Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined](https://blog.csdn.net/qq_44732146/article/details/131674785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [(plugin vue) TypeError: Cannot read property ‘styles‘ of undefined](https://blog.csdn.net/qq_34793381/article/details/125655370)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Error in nextTick: “TypeError: Cannot read property ‘style‘ of undefined“的报错原因之一及解决...](https://blog.csdn.net/Yukinoshita_kino/article/details/107717279)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]