移动端浏览器中Ethers.js与MetaMask SDK适配问题求助

以下是几个经过验证的解决思路，你可以逐一尝试：

1. 匹配Ethers.js版本的正确写法 #

Ethers.js v5和v6的Provider初始化逻辑差异很大，这是最容易踩的坑：

• 若使用Ethers.js v5：你的原有写法本身没问题，但必须确保在账户授权完成后再获取签名者
• 若使用Ethers.js v6：需要改用BrowserProvider替代Web3Provider，示例代码：

// Ethers.js v6 写法示例
import { BrowserProvider, Contract } from "ethers";

// 先完成账户授权
await ethereum.request({ method: 'eth_requestAccounts', params: [] });

// 初始化Provider并获取签名者
const provider = new BrowserProvider(ethereum);
const signer = await provider.getSigner(); // 注意这里必须加await

2. 等待MetaMask SDK完全初始化 #

MetaMask SDK的初始化是异步过程，同步获取provider可能导致未就绪，建议通过事件监听或等待初始化完成后再处理：

import MetaMaskSDK from '@metamask/sdk';

const MMSDK = new MetaMaskSDK({
  dappMetadata: { name: "你的DApp名称", url: window.location.host }
});

// 监听SDK连接成功事件
MMSDK.on('connect', async () => {
  const ethereum = MMSDK.getProvider();
  
  // 先请求账户授权
  await ethereum.request({ method: 'eth_requestAccounts', params: [] });
  
  // 初始化Ethers的Provider和Signer
  const provider = new ethers.providers.Web3Provider(ethereum); // v5写法
  // const provider = new BrowserProvider(ethereum); // v6写法
  const signer = await provider.getSigner();
  
  // 正常实例化合约并发送交易
  const contract = new ethers.Contract(contractAddress, abi, signer);
  const tx = await contract.yourMethod(parameters);
  await tx.wait();
});

// 主动触发连接
MMSDK.connect();

3. 手动包装Provider适配EIP-1193规范（极端情况） #

如果以上方法都无效，可以手动包装SDK的provider，确保它符合Ethers.js预期的规范：

const wrappedProvider = {
  ...ethereum,
  request: async (args) => {
    try {
      return await ethereum.request(args);
    } catch (err) {
      console.error('Provider请求错误:', err);
      throw err;
    }
  }
};

// 用包装后的provider初始化Ethers
const provider = new ethers.providers.Web3Provider(wrappedProvider);

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