When I tried to connect to WalletConnect, it has errors like below. I already added this to providerOptions:

rpc: {
56: 'https://bsc-dataseed.binance.org/',
},
network: 'binance',
}

Look inside the CHAIN_DATA_LIST, it doesn't include binance smart chain. But how do I add the network to webpack?

There is a bug in the vanilla JS example using fortmatic (example.js line 158) provider.on("accountsChanged", (accounts) => {
the fortmatic key I'm using is valid, I've tested also with latest formatic ver.

Thanks

Causes example to fail if git is cloned. Resolved by replacing:

<script type="text/javascript" src="https://unpkg.com/evm-chains/lib/index.js"></script>

with

<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/umd/index.min.js"></script>

WalletConnect not displaying wallet address and balance after successful Connection

it worked yesterday (2/11/2021)
but not today (2/10/2021)

someone help!

Hello,

There is an error when trying to pop the qr-code :

Uncaught (in promise) Error: Please pass numbers as strings or BN objects to avoid precision errors.
    fromWei index.js:248
    rowResolvers example.js:112

XHRPOSThttps://mainnet.infura.io/v3/8043bb2cf99347b1bfadfb233c5325c0 [HTTP/2 403 Forbidden 101ms]
(repeat every seconds)

Error at example.js :

var fromWei = function(number, unit) {
    unit = getUnitValue(unit);

    if(!utils.isBN(number) && !_.isString(number)) {
        **throw new Error('Please pass numbers as strings or BN objects to avoid precision errors.');** <---HERE
    }

    return utils.isBN(number) ? ethjsUnit.fromWei(number, unit) : ethjsUnit.fromWei(number, unit).toString(10);
};

Trying your online demo with WalletConnect option, my mobile wallet connect but your dapp not show the second screen...

Infura console [[HTTP/2 403 Forbidden 105ms]]


Uncaught (in promise) Error: Please pass numbers as strings or BN objects to avoid precision errors.
    fromWei index.js:248
    rowResolvers example.js:112
    fetchAccountData example.js:108
    refreshAccountData example.js:152
    onConnect example.js:185
    async* example.js:220
    EventListener.handleEvent* example.js:218

hello,
I have the same problem to configure BSC network as described on github using vanilla JavaScript:
WalletConnect/web3modal#295

My js code:

const providerOptions = {
  walletconnect: {
    package: WalletConnectProvider,
    options: {
      rpc: {
        56: 'https://bsc-dataseed1.binance.org/'
      },
      chainId: 56
    }
  }
}

  web3Modal = new Web3Modal({
    cacheProvider: false, // optional
    providerOptions, // required
    disableInjectedProvider: false, // optional. For MetaMask / Brave / Opera.
  });

ERROR
POST https://mainnet.infura.io/v3/ 401
POST https://mainnet.infura.io/v3/ 401

scripts declaration in html:

<script type="text/javascript" src="https://unpkg.com/web3@latest/dist/web3.min.js%22%3E</script>
<script type="text/javascript" src="https://unpkg.com/web3modal%22%3E</script>
<script type="text/javascript" src="https://unpkg.com/evm-chains%22%3E</script>
<script type="text/javascript" src="https://unpkg.com/@walletconnect/web3-provider%22%3E</script>
<script type="text/javascript" src="./example.js"></script>

When I duplicate the example into a fresh vue/nuxt app, nothing happen (popup doesn't show) I cannot connect to my walllet within Metamask browser or Trust wallet.

The demo works correctly (mobile and desktop), and same when I use the whole code as a simple html/js page on my backend server (mobile and desktop) but when I use it within my nuxt app it only works on desktop with metamask extension.

Repo: https://github.com/juloxrox/test
Example here: https://test-iota-wheat.vercel.app/

Does someone has an idea to make it work?
Thanks in advance

Error: inpage.js:1 MetaMask - RPC Error: Already processing eth_requestAccounts. Please wait. {code: -32002, message: 'Already processing eth_requestAccounts. Please wait.'}

Metasask not popup Incase Metamask is not logged in with password in browser extension.

Recommend adding MIT or other license to facilitate open source use.

is there anyone here? no one is answering to the previous issues

I'm using the official live demo here https://web3modal.github.io/web3modal-vanilla-js-example/
Metamask connected.
If the chain is changed to http://127.0.0.1:8545 (Ganache), I got the following error:

Uncaught (in promise) Error: No chain found matching chainId: 1337
    at Object.i [as getChain] (index.min.js:1)
    at fetchAccountData (example.js:88)
    at async refreshAccountData (example.js:152)
    at async HTMLButtonElement.onConnect (example.js:185)

Everything is file when using Mainnet or Ropsten.

I am having issues with walletconnect and binance. I get the following error about the chainId and I have my js file set as follows. What am I doing wrong?

Please freaking answer to the issues

Try to go to https://web3modal.github.io/web3modal-vanilla-js-example/ and login from PC using metamask. It won't let you, giving the following errors:

Unchecked runtime.lastError: The message port closed before a response was received.
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

However, if you then refresh the page and try again, everything works perfectly. Is there any fix to this?

This error seems to occur if you close your browser and try to login. if you then refresh the page weirdly enough it works.

Hi, We are using this JavaScript library to Connect with Metmask to get public address. this is working as charm on desktop
However this is not listening events on mobile browser after connecting with mobile native Metamask app.

The demo URL's https://web3modal.github.io/web3modal-vanilla-js-example is working fine.

Can some one help please?

@pedrouid

Have tried:

const ethProvider = window.frame;

and

frame: {
package: ethProvider // required
},

at example.js, and in index.html:

<script type="text/javascript" src="https://unpkg.com/[email protected]/browser.js"></script>

I think it may need better documentation about vanilla JavaScript and unpkg.

Hi.
how to prevent modal from disabling dom overflow? after model pops up, all of my elements jump to right. it cause an ugly motion.

Hello,
to be able to cache the provider I had to move
web3Modal.providerController.cachedProvider = null;
from onConnect() into onDisconnect()

I want to use only metamask, how can I configure this ?

Is this coorect ?

await web3Modal.connectTo('injected');

0. In my Android phone, I have the MetaMask app installed, latest version.
1. In Chrome, I go to https://web3modal.github.io/web3modal-vanilla-js-example/
2. I tap on Connect Wallet
3. A modal shows up offering me two choices: WalletConnect and Fortmatic.
4. I tap on Wallet Connect
5. Another modal, this one belonging to the Android OS, asks me to choose which app to use: Chrome or MetaMask. I choose MetaMask
6. This gives focus to the MetaMask app, but MetaMask does nothing. It does not ask me to connect, or anything else. It just shows the main screen where I see my balance
7. I manually come back to Chrome, where I had the above url open. Now I find a blank page in a new tab, so I close it and go back to the tab where I have the above url open
8. I tap on the "Connect Wallet" button again. I repeat steps 3-5
9. MetaMask pops up again, and this time does ask me to accept connecting to your webpage. I say yes
10. It automatically closes Metamask and redirects me back to chrome
11. again like in step 7, I find myself in a new blank tab, so I close it and go back to the tab with your demo
12. There's a text that says "No wallet connected. Connect wallet to show accounts and their ETH balance". The "Connect Wallet" button below is greyed out and does nothing.
13. I refresh the page. There's still the same text but now the "Connect Wallet" button is enabled
14. I tap on it
15. the modal shows up like at step 3 asking me to choose between WalletConnect and Fortmatic. I choose WalletConnect
16. This does nothing. It does not show Android's dialog to choose an app and it does not open MetaMask. It just closes the dialog and I'm still at your page with the text that says "No wallet connected bla bla bla" and the Connect Wallet button is greyed out.

I retried again reloading the page and it always repeats steps 12-16. I never got to open MetaMask again.

how do coin base wallet walletlink?

The VanillaJS web3 modal doesn't work at all on mobile, I tested with multiple browsers and multiple wallet provides, none of them seem to work.

How to reproduce:

• Open https://web3modal.github.io/web3modal-vanilla-js-example/ on mobile phone (I used iPhone 12 Mini)
• Click on Connect wallet
• Select rainbow or metamask
• authenticate within Rainbow/Metamask
• It redirects you back to the browser, but doesn't connect the wallet