使用Web3.js开发Mint按钮时获取MetaMask地址返回undefined求助

你遇到的核心问题是Web3实例未与MetaMask的以太坊提供者绑定：你直接用Alchemy的HttpProvider初始化web3，这个实例连接的是远程节点，无法读取MetaMask本地的账户信息，所以web3.eth.getAccounts()返回空数组/undefined。

另外，web3.eth.requestAccounts()报错是因为Alchemy节点不支持这个钱包专属方法——该方法由MetaMask这类客户端实现，而非以太坊节点。

修正步骤 #

1. 用MetaMask注入的提供者初始化Web3
   MetaMask会在浏览器中注入window.ethereum对象，基于这个对象创建Web3实例，才能让web3和MetaMask交互。
2. 正确获取授权与账户
   window.ethereum.request({ method: 'eth_requestAccounts' })的返回值就是用户授权的账户数组，可直接使用，无需再调用web3.eth.getAccounts()（当然调用也能拿到，因为实例已绑定MetaMask）。
3. 确保所有await都在async函数中
   直接使用await会报错，必须将异步逻辑包裹在async函数内。

修正后的完整代码 #

import { myABI } from './myABI.js';

// 优先使用MetaMask注入的提供者，无MetaMask时fallback到Alchemy（仅支持读操作）
let web3;
if (typeof window.ethereum !== 'undefined') {
  console.log('Metamask is installed!');
  web3 = new Web3(window.ethereum);
  // 监听账户切换事件，实时更新当前地址
  window.ethereum.on('accountsChanged', (accounts) => {
    web3.eth.defaultAccount = accounts[0];
    console.log('账户已切换:', accounts[0]);
  });
} else {
  web3 = new Web3(new Web3.providers.HttpProvider("https://eth-goerli.g.alchemy.com/v2/xxxxxx-"));
  alert('请安装MetaMask钱包以完成交易');
}

const contractAddress = "0xxxxxxxxxxxxxxxx";
const contractABI = myABI;
const myContract = new web3.eth.Contract(contractABI, contractAddress);

// 封装异步初始化逻辑
async function initWallet() {
  try {
    // 请求用户授权账户
    const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
    const account = accounts[0];
    web3.eth.defaultAccount = account;
    
    console.log('已连接MetaMask账户:', account);

    // 绑定Mint按钮事件
    const myButton = document.querySelector("#myButton");
    myButton.addEventListener("click", async () => {
      try {
        await myContract.methods.mint(1000000000000000).send({ from: account });
        console.log('Mint操作成功');
      } catch (err) {
        console.error('Mint失败:', err);
      }
    });
  } catch (err) {
    console.error('钱包连接失败:', err);
  }
}

// 启动初始化流程
initWallet();

关键改动说明 #

• 调整Web3实例创建逻辑，优先绑定MetaMask的window.ethereum，确保能读取本地账户。
• 添加accountsChanged事件监听，处理用户切换账户的场景。
• 所有异步操作（授权、交易）都用async/await包裹，并通过try/catch捕获错误，提升代码健壮性。
• 移除不必要的delay函数，eth_requestAccounts会等待用户完成授权后才返回结果。

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