关于MetaMask不再注入web3引发window.web3.eth未定义错误的技术求助

我来帮你搞定这两个棘手的问题，先理清楚错误根源，再一步步修复：

错误原因拆解 #

• MetaMask no longer injects web3：MetaMask在新版本里已经停止自动注入window.web3对象了，现在只保留window.ethereum作为官方的EIP-1193兼容Provider，你的旧代码还在依赖可能不存在的window.web3，所以触发了这个提示。
• Uncaught TypeError: window.web3.eth is undefined：因为window.web3要么没被正确初始化，要么根本不存在，自然没法访问它的eth属性。

修复步骤与代码调整 #

1. 重构Web3初始化逻辑 #

完全基于window.ethereum来初始化Web3，同时用MetaMask推荐的eth_requestAccounts方法（替代已废弃的ethereum.enable()）请求用户授权：

window.addEventListener('load', async () => { 
  if (window.ethereum) { 
    // 用MetaMask提供的Provider初始化Web3
    window.web3 = new Web3(window.ethereum);
    try { 
      // 请求用户授权访问钱包账户
      await window.ethereum.request({ method: 'eth_requestAccounts' });
      initPayButton();
      $('#status').html('已成功连接MetaMask钱包');
    } catch (err) { 
      $('#status').html(`用户拒绝账户访问: ${err.message}`);
    } 
  } else { 
    $('#status').html('未安装MetaMask或其他Web3钱包');
  } 
})

2. 修正合约调用的语法错误 #

你的合约调用代码有两个明显问题：

• 方法调用语法错误：contract.methods.payout.sendTransaction不是正确写法，得先传入方法参数，再调用.send()方法
• 缺少交易必要参数（比如发起交易的账户地址），也没处理异步操作的结果

修正后的pay函数如下：

// 全局合约实例（确保在Web3初始化完成后再赋值）
let contract;

// 把合约初始化放到initPayButton里，保证Web3已就绪
function initPayButton() {
  // 替换成你的真实合约ABI和部署地址
  const contractABI = [ /* 你的合约ABI数组 */ ];
  const contractAddress = '0xC4AfE8504a711bE2D5E25b45eb72fC3f0924aB21';
  contract = new window.web3.eth.Contract(contractABI, contractAddress);
}

async function pay() { 
  try {
    // 获取页面输入值
    const paymentAddress = document.getElementById("address").value; 
    const val = document.getElementById("weight").value; 
    const type = document.getElementById("category").value; 

    // 获取当前授权的用户账户地址
    const accounts = await window.web3.eth.getAccounts();
    const fromAccount = accounts[0];

    // 调用合约payout方法并发送交易
    const txResponse = await contract.methods.payout(paymentAddress, val, type)
      .send({
        from: fromAccount,
        // 可根据需求手动设置gas限制，或者让MetaMask自动估算
        // gasLimit: '300000'
      });

    // 交易成功后的反馈
    $('#status').html(`交易已提交，哈希：${txResponse.transactionHash}`);
  } catch (err) {
    // 捕获各种错误（比如用户取消交易、gas不足等）
    $('#status').html(`交易失败: ${err.message}`);
  }
}

额外注意点 #

• 确保你的合约ABI完全正确，payout方法的参数顺序、类型要和合约定义严格匹配
• 测试时要保证MetaMask连接的网络和合约部署的网络一致（比如都是Sepolia测试网）
• 最好加一层用户输入合法性校验（比如检查paymentAddress是否是有效的以太坊地址）

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