Webpack 5构建成功后出现inpage.js运行时未捕获错误求助

问题分析与解决方案 #

根源定位 #

inpage.js是浏览器扩展（多为MetaMask、Coinbase Wallet这类加密钱包插件）注入到页面的第三方脚本，不属于你的项目源码或Webpack构建产物。这个TypeError: cannot read properties of undefined (reading '0')是插件自身的逻辑bug，和你的Webpack配置、项目依赖完全无关。

解决/规避方案 #

• 验证根源：禁用浏览器所有扩展，刷新页面后如果错误消失，再逐个启用扩展，定位到触发问题的具体插件（大概率是加密钱包类）。
• 隐藏错误提示：
  1. 浏览器控制台设置：开启「隐藏扩展生成的消息」「隐藏网络消息」选项（Chrome可通过控制台右上角齿轮图标进入设置页找到对应选项）；
  2. Webpack配置调整：修改devtool为eval-cheap-module-source-map，该配置会让控制台仅展示项目自身的源码信息，过滤掉第三方注入脚本的错误。
• 业务无影响确认：既然关闭提示后项目可正常运行，说明该错误不会干扰你的业务逻辑，无需修改项目代码或依赖版本。

内容的提问来源于stack exchange，提问作者Sumonosk3