【webpack】----错误解决【Cannot read properties of undefined (reading ‘tap‘)】

1. 报错场景

安装 webpack-obfuscator 后,进行 js 代码混淆编译的时候报错。

2. 报错截图

3. 错误原因

通常是由于版本不兼容或配置错误引起的。

4. 查询本地 webpack 版本

4.1 查询命令
  1. npm 查询

    npm view webpack version

  2. yarn 查询

    yarn info webpack version

4.2 查询结果

5. 查找 webpack 版本对应的 webpack-obfuscator

5.1 webpack3.4.1 的安装方式
复制代码
npm install --save-dev javascript-obfuscator@0.10.0 webpack-obfuscator@0.10.0
5.2 webpack4 的安装方式
复制代码
npm install --save-dev javascript-obfuscator webpack-obfuscator@2.6 
5.3 webpack5 的安装方式
复制代码
npm install --save-dev javascript-obfuscator webpack-obfuscator

6. 查看 webpack 对应 webpack-obfuscator 安装版本

6.1 查询地址
复制代码
https://github.com/javascript-obfuscator/webpack-obfuscator
6.2 查看 package.json 文件
6.3 查看最新版本对应的版本号
6.3 切换版本号
6.4 实例 2.6.0 版本对应版本查询
相关推荐
jay神13 分钟前
基于SpringBoot的校园社团活动智能匹配与推荐系统
java·前端·spring boot·后端·毕业设计
一殊酒15 分钟前
【前端开发】Vue项目多客户配置自动化方案【一】
前端·vue.js·自动化
切糕师学AI22 分钟前
Vue 中 keep-alive 组件的生命周期钩子
前端·vue.js·keep-alive·生命周期·activated·deactivated
晚霞的不甘1 小时前
Flutter for OpenHarmony 布局核心:Row 与 Column 深度解析与实战
android·前端·javascript·flutter
Mr__Miss1 小时前
JMM中的工作内存实际存在吗?
java·前端·spring
huangql5201 小时前
【图文讲解】JavaScript二进制数据处理:从内存到类型化视图
前端
xiaozenbin1 小时前
关于tomcat9页面部分乱码的处理
前端·tomcat·firefox
Ulyanov1 小时前
Impress.js 3D立方体旋转个人年终总结设计与实现
开发语言·前端·javascript·3d·gui开发
榴莲不好吃1 小时前
前端js图片压缩
开发语言·前端·javascript
切糕师学AI1 小时前
Vue 中的 keep-alive 组件
前端·javascript·vue.js