HtmlWebpackPlugin打包报错：TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.apply

最新推荐文章于 2023-11-11 23:19:31 发布
最新推荐文章于 2023-11-11 23:19:31 发布
阅读量3.6k 收藏 1
点赞数 4
分类专栏： 前端 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_21859119/article/details/116156371
版权
在项目中遇到一个问题，我的Webpack版本是4，但html-webpack-plugin的版本却是5.3.1，这导致了不兼容。为了解决这个问题，我将html-webpack-plugin降级到4.4.1版本，从而确保了插件与Webpack核心的兼容性，成功解决了报错。

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

在这里插入图片描述
我使用的webpack版本是4

    "html-webpack-plugin": "^5.3.1",
    //替换为
    "html-webpack-plugin": "^4.4.1",

解决

解决js报错：TypeError: Cannot read property ‘xxx‘ of undefined
FarryNiu的博客
06-11 1万+
找不到未定义的属性/方法
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
最新发布
高级前端工程师
05-20 7139
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
HtmlWebpackPlugin打包报错：TypeError: Cannot read property ‘tap‘ of undefined
hzw的博客
08-09 1085
原因：html-webpack-plugin与webpack版本不匹配导致 **解决办法：**下载安装指定版本的 html-webpack-plugin，使之两者版本相匹配 npm i html-webpack-plugin@4.5.0 -D
html-webpack-plugin报错Cannot read property ‘tap‘ of undefined
m0_51608940的博客
05-27 2226
1、报错： 使用html-webpack-plugin时报错Cannot read property ‘tap’ of undefined 2、解决方案： 确保html-webpack-plugin的版本与webpack的版本一致（大版本一致即可）， 例如webpack用的是4,那么html-webpack-plugin版本也要是4或者低于4,否则就会出错。 ...
webpack突然报错TypeError: Cannot read properties of undefined (reading ‘config‘)
weixin_37582383的博客
11-11 1343
npm remove 然后再装可以解决。
使用html-webpack-plugin 插件报错问题解决方案
java_vava2的博客
04-21 3924
使用webpack在构建HTML时需要安装并且使用html-webpack-plugin 插件但是在构建过程中会报错 报错信息如下： TypeError: Cannot read property ‘tap’ of undefined at HtmlWebpackPlugin.apply (D:*\node_modules\html-webpack-plugin\index.js:40:31) at webpack (D:*\node_modules\webpack\lib\webpack.js:51:.
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
关于vue3 build报错：TypeError: Cannot read property ‘tapPromise’ of undefined解决方案
cabinx的博客
09-03 2474
关于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报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)
m0_54630400的博客
03-02 6373
目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息： 无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),
vue 打包异常记录
u014685642的博客
04-25 9002
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.
Webpack: Plugin 学习——最简单的插件(constructor+apply)
weixin_47295886的博客
04-04 348
1. webpack加载webpack.config.js中所有配置，此时就会new TestPlugin(), 执行插件的constructor(构造函数)3. 遍历所有plugins中插件，调用插件的apply方法。4. 执行剩下编译流程（触发各个hooks事件）2. webpack创建compiler对象。
使用webpack打包报ERROR in TypeError: Cannot read property ‘tap‘ of undefined
weixin_42344266的博客
12-02 5006
刚开始学webpack，然后到打包html这一块，我用的是webpack5.9.0，HtmlWebpackPlugin4.5.0，会报错(TypeError: Cannot read property 'tap' of undefined) 如下图： 解决方案：在网上查了很多相关资料，然后试了试，结果就是版本不对导致的报错，具体为什么，我也不晓得了。 我把5.9.0降为4.44.2(npm install webpack@4.44.2 -g),注意 一定把开发的也要降哦(npm install .
TypeError: Cannot read property 'make' of undefined;html-webpack-plugin\lib\cached-child-compiler.js
eadela的博客
04-19 3518
PS F:\vue\vue20200414\param8> npm run dev > param8@1.0.0 dev F:\vue\vue20200414\param8 > webpack --config ./webpack.dev.config.js F:\vue\vue20200414\param8\node_modules\webpack\bin\webpack...
TypeError: Cannot read property 'tap' of undefined
weixin_30642267的博客
09-11 5298
E:\vue-project\vue-element-admin-master>npm run build:prod vue-element-admin@3.8.1 build:prod E:\vue-project\vue-element-admin-mastercross-env NODE_ENV=production env_config=prod node bui...
使用webpack时发生Cannot read property 'tap' of undefined
weixin_43170484的博客
01-10 5072
webpack设置后出现报错信息 使用webpack的插件时要注意不要放错位置，create-react-app生成的项目目录使用eject解压缩之后的webpack设置中会有包含在resolve中的plugins，在使用类似webpack.DllReferencePlugin这种插件时要注意放在正确的位置，否则会在运行时出现’tap’未定义的问题 ...
[webpack-cli] TypeError: Cannot read property ‘tap‘ of undefined npm install html-webpack-plugin报错
m0_48469523的博客
04-29 708
在webpack打包学习中经常遇到，安装html-webpack-plugin gyp报错 或者是webpack-cli报错 这一系列报错，社区也有答案了就是 版本错误，但是给的版本都不一样，什么版本才合适自己呢？ 解决方案： 1.安装包的时候切换到cnpm 命令安装； 2.用cnpm 命令安装的时候，会提示依赖环境版本，我们经常忽略，其实安装提示的对应版本就可以解决这一系列报错问题了。 根据提示安装好对应版本的环境依赖就可以了 欢迎交流补充哦~ ...
uniapp报错：TypeError: Cannot read property 'getElementById' of undefined
07-13
这个错误通常是因为在使用`getElementById`方法时，没有正确引入`document`对象。`document`对象是浏览器环境提供的全局对象，而在uniapp中，由于是跨平台开发框架，不同平台可能没有完全相同的全局对象。 解决这个问题的方法是使用uniapp提供的跨平台API来操作DOM元素，而不是直接使用`getElementById`方法。比如，你可以使用`uni.createSelectorQuery()`方法来获取DOM元素，然后再进行相关操作。 另外，如果你确定在uniapp中需要直接使用`document.getElementById`方法，可以尝试在页面中引入`document`对象所在的上下文，比如在H5页面中可以添加以下代码： ```javascript if (typeof window !== 'undefined') { global.document = window.document; } ``` 这样就可以在uniapp中使用`document.getElementById`方法了。但需要注意的是，这种做法依赖于特定的平台和环境，可能会导致在其他平台上运行时出现问题。所以推荐使用uniapp提供的跨平台API来操作DOM元素。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值