Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Connect to your Nuxt dApp with Ethereum using Metamask and Web3.js" | Hashnode

Feed/

Discussion

Benjamin Azoulay

Full-stack Web3 Dev

Oct 1, 2021

Connect to your Nuxt dApp with Ethereum using Metamask and Web3.js

Hi and welcome! Are you starting a brand new dApp with Nuxt.js, or want your pre-existing Nuxt app to allow users to connect with their Ethereum address? Then this tutorial is for you! We'll learn how to get a user's Ethereum address, balance and al...

blog.benjaminazoulay.com6 min read

#nuxt #web3 #ethereum #blockchain

Responses1

Markdown supported · ⌘↵ to post

iniubong Obonguko

Oct 31, 2021

I get this error when I try to run the project

index.vue?6ced:48 User denied web3 access Error: Provided address null is invalid, the capitalization checksum test failed, or it's an indirect IBAN address which can't be converted. at Method.inputAddressFormatter

This means the app does detect that you have the Metamask extension on your browser, but that you haven't connected to any address with it. The "User denied web3 access" is displayed in the console when that is the case.

I have updated to tutorial (and repo) so that the error is explicitly displayed on the page as well.

Thank you for your question! Don't hesitate if you have any other!

Benjamin Azoulay

Full-stack Web3 Dev

Nov 4, 2021

Lars K.L.

Dec 20, 2021

I've added a pull request that makes the app more intuitive by automatically asking for connecting the address.

Benjamin Azoulay

Full-stack Web3 Dev

Jan 31, 2022

Lars K.L. It's edited! Thank you so much!