javascript中web3的Wallet函数中的web3错误

Question

我试着遵循github web3modal指南，用javascript来表示我的钱包连接。请在这个问题上帮助我。欣赏

https://github.com/Web3Modal/web3modal-vanilla-js-example

html

  connect wallet

main.js

    async function connectWallet() {
    
      const instance = await web3Modal.connect();
      const provider = new ethers.providers.Web3Provider(instance);
      const signer = provider.getSigner();
     
    
      // const provider = new ethers.providers.Web3Provider(window.ethereum)
      const network = await provider.getNetwork()
      console.log('network: ', network.name);
    
      const providerOptions = {
        /* See Provider Options Section */
      };
      
      const web3Modal = new Web3Modal({
        network: "mainnet", // optional
        cacheProvider: true, // optional
        providerOptions // required
      });
}

Package.json

{
  "dependencies": {
    "web3modal": "^1.9.8"
  }
}

我的目的是让这个钱包提供者选项在点击“连接钱包”时弹出。

下面是遇到的错误。

更新的 Hi Sir，在chg之后仍然遇到相同的错误。

Answer 1

好的，我已经尝试过您的代码，您在const instance = await web3Modal.connect();中调用了D0的connect方法，但是您稍后在const web3Modal = new Web3Modal(options);中声明了一些行。这就是为什么你会犯这个错误。我已经找到了这个存储库，在这个C2中，连接是用您正在使用的相同的包创建的。我建议你看一看，如果你一直有问题，不要怀疑再问一次，塞尔:)