web3modal error during Wallet Connect function for web3 in javascript

i try to follow github web3modal guide to con figure my wallet connect in javascript . pls help me on this issue. appreciate


  <button id="connectBtn" class="mint-btn btn-s" onclick="connectWallet"><span id="connectContent">connect wallet</span></button>           </div>  <script src="./js/main.js"></script> <script src="lib/ethers-5.2.umd.min.js" type="application/javascript"></script>  <script src="[email protected]/dist/web3.min.js"></script> <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> 


    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: ',;            const providerOptions = {         /* See Provider Options Section */       };              const web3Modal = new Web3Modal({         network: "mainnet", // optional         cacheProvider: true, // optional         providerOptions // required       }); } 


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

my purpose to have this wallet provider option to pop when click on "connect wallet" enter image description here

Below is error am encounter .

enter image description here

web3modal error during Wallet Connect function for web3 in javascript

Shopping cart
There are no products in the cart!
Continue shopping