MetaMask已启用，web3.eth.accounts返回空数组/undefined问题求助

嘿，这个问题我之前踩过坑！核心原因是MetaMask出于安全和隐私考虑，已经不再默认自动把用户账户注入到web3.eth.accounts里了——这是遵循EIP-1102规范的更新，必须主动请求用户授权才能获取账户信息。

为什么旧代码失效？ #

早期版本的MetaMask会自动将用户当前选中的账户同步到web3.eth.accounts中，但现在这种同步获取的方式已经被废弃。你直接打印web3.eth.accounts得到空数组，就是因为还没有获取到用户的授权许可。

正确的解决方案 #

你需要调用标准的eth_requestAccounts方法（EIP-1102定义）来请求用户授权，这个方法会触发MetaMask的授权弹窗，用户同意后就能拿到账户列表了。下面是修改后的测试代码：

<html>
<head>
    <title>TEST</title>
</head>
<body>
<script>
window.addEventListener('load', async function(){
    if( typeof web3 !== 'undefined'){
        console.log('web3 detected');
        web3 = new Web3(web3.currentProvider);
        try {
            // 请求用户授权获取账户
            const accounts = await web3.eth.requestAccounts();
            console.log('授权后的账户列表:', accounts);
            console.log('第一个账户:', accounts[0]);
            
            // 也可以用web3.eth.getAccounts()获取（同样需要异步处理）
            const accountsFromGet = await web3.eth.getAccounts();
            console.log('通过getAccounts获取的账户:', accountsFromGet);
        } catch (error) {
            console.error('用户拒绝授权或发生错误:', error);
        }
    }else{
        alert("please install MetaMask");
    }
});
</script>
</body>
</html>

几点关键说明 #

• 必须用异步方式处理：requestAccounts和getAccounts都返回Promise，所以要用async/await或者.then()来处理结果，同步调用会拿不到数据。
• 处理授权拒绝：如果用户点击了授权弹窗的“拒绝”按钮，代码会进入catch块，你可以在这里添加友好的提示逻辑。
• 后续获取账户：一旦用户授权过，后续再调用getAccounts就能直接拿到账户，不需要重复请求授权（除非用户在MetaMask里撤销了对该网站的授权）。

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