Lesson 10: Can't resolve 'web3uikit' [Solved] #1471

DorianDaSilva · 2022-08-02T16:03:53Z

DorianDaSilva
Aug 2, 2022

ERROR

./components/Header.js:1:0
Module not found: Can't resolve 'web3uikit'
> 1 | import { ConnectButton } from "web3uikit"
  2 | 
  3 | export default function Header() {
  4 |     return (

Import trace for requested module:
./pages/index.js

https://nextjs.org/docs/messages/module-not-found

===================================================================================

Header.js

import { ConnectButton } from "web3uikit"

export default function Header() {
    return (
        <div>
            <ConnectButton moralisAuth={false} />
        </div>
    )
}

==================================================================================

Index.js


import Head from "next/head"
import styles from "../styles/Home.module.css"
//import ManualHeader from "../components/ManualHeader"
import Header from "../components/Header"

export default function Home() {
    return (
        <div className={styles.container}>
            <Head>
                <title>Smart Contract Raffle</title>
                <meta name="description" content="Generated by Our Smart Contract Raffle" />
                <link rel="icon" href="/favicon.ico" />
            </Head>
            {/*<ManualHeader></ManualHeader>*/}
            <Header />
            {/*header/connect/navbar*/}
            Let's get started...
        </div>
    )
}

=======================================================================================

App was functioning fine until adding the web3uikit

Answered by DorianDaSilva

Aug 2, 2022

Solution:

delete node_modules, updated web3uikit version (copied package.json from repo) & ran yarn install again

View full answer

mattjaf · 2022-08-02T16:20:14Z

mattjaf
Aug 2, 2022

In newer versions of web3uikit:

It accidentally got changed to ConnectWallet, it got fixed this morning so its ConnectButton again

from Billgil:
The web3uiKit monorepo is now live please import the slices of the repo you need as so

For all web3 components like connect wallet, Native Balance, etc.....
yarn add @web3uikit/web3

For all core components like button, input etc..
yarn add @web3uikit/core

For all icons
yarn add @web3uikit/icons

1 reply

DorianDaSilva Aug 2, 2022
Author

Hi @mattjaf thank you for the update. I tried that solution but didn't work for me, however the solution from #1169 did work

I deleted node_modules, updated web3uikit version (copied package.json from repo) & ran yarn install again

Seems to be working now

alymurtazamemon · 2022-08-02T16:22:07Z

alymurtazamemon
Aug 2, 2022

@DorianDaSilva Could you please follow these guidelines next time when you ask a question? How to Ask Question Guide

try to add this "web3uikit": "^0.1.170" in dependencies

0 replies

DorianDaSilva · 2022-08-02T16:24:04Z

DorianDaSilva
Aug 2, 2022
Author

Solution:

delete node_modules, updated web3uikit version (copied package.json from repo) & ran yarn install again

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 10: Can't resolve 'web3uikit' [Solved] #1471

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 3 comments 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Lesson 10: Can't resolve 'web3uikit' [Solved] #1471

Uh oh!

Uh oh!

DorianDaSilva Aug 2, 2022

Replies: 3 comments · 1 reply

Uh oh!

Uh oh!

mattjaf Aug 2, 2022

Uh oh!

DorianDaSilva Aug 2, 2022 Author

Uh oh!

alymurtazamemon Aug 2, 2022

Uh oh!

DorianDaSilva Aug 2, 2022 Author

DorianDaSilva
Aug 2, 2022

Replies: 3 comments 1 reply

mattjaf
Aug 2, 2022

DorianDaSilva Aug 2, 2022
Author

alymurtazamemon
Aug 2, 2022

DorianDaSilva
Aug 2, 2022
Author