"@metamask/detect-provider: Unable to detect window.ethereum" error even though Metamask is installed and running

user_16211257 0
Viewed 4825

I am trying to run a basic program that detects if the user has window.ethereum installed. When I run my program I get "@metamask/detect-provider: Unable to detect window.ethereum", even though I have Metamask installed and running in my browser. Has anyone had similar problems? Thanks in advance.

Javascript:

import detectEthereumProvider from '@metamask/detect-provider';
 
const provider = await detectEthereumProvider();
 
if (provider) {
 
  console.log('Ethereum successfully detected!');
 
  })
} else {
 
  console.error('Please install MetaMask!', error);
}
smartcontracts metamask javascript
2 Answers

Turns out this was rather simple. Metamask only injects window.ethereum into visited websites that are running on an http server. I just had to open my website using a localhost server from Node.

user_162112570

If you want to check if metamask is installed, you can do it this way:

if (window.ethereum && window.ethereum.isMetaMask) {
  // metamask is installed
}

Metamask is adding window.ethereum object to the browser. The code above is checking if there's window.ethereum object available in client browser and second condition, window.ethereum.isMetaMask is checking if the window.ethereum object is injected by metamask.

user_60547380
Related