Lesson15: (Moralis FrontEnd) Module not found: Can't resolve 'web3uikit'

[ZahraaHawie]

Hello, I was in the beginning of moralis frontend development for the NFT Marketplace (Lesson15) I'm getting this error when running yarn dev:

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

I pushed my code to github, here is my repo: https://github.com/zahraha97/test-nextjs-marketplace

Also, Im still getting this error but I'm ignoring it : " [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Unable to snapshot resolve dependencies"

If anyone running my code from github, do this error also popup along with 'module not found'?

Appreciate your help @alymurtazamemon

Thanks,

[Rishi860]

Try using different version for web3uikit for me this worked "web3uikit": "^0.1.170".

[ZahraaHawie]

Hello @Rishi860, I tried to change the version from package.json but Im still getting the same error. Is there another way to change the version of web3uikit because it doesn't work..

  "dependencies": {
    "next": "12.2.3",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "web3uikit": "^0.1.170"
  },

[Rishi860]

Did you installed the changed version?
You need to delete the existing node modules folder and re-install it using npm install or yarn install.
This will re-install all the dependencies and dev-dependencies, there should be way to change just for just web3uikit but I don't know about that.

[krakxn]

Merge the PRs in your GitHub repo, then git pull to your local repo. Then, uninstall node_modules. Now, do yarn install in terminal.

The above should fix your issue, let me know!

[krakxn]

Made one more PR, check now. Just merge and git pull it. No need for any further changes.

[ZahraaHawie]

still getting the same error, maybe I have to start it all again.

[krakxn]

The logical errors seem to be fixed, and your terminal shows a problem in node_modules, which signifies a dependency.

In any case, if you follow along with the course, there are numerous changes in the code so do not worry about it.

[ZahraaHawie]

Yes thanks @krakxn, appreciate your help.

[krakxn]

No problem, all the best.

[Ahmed-Aghadi]

Refer this :-
web3ui/web3uikit#739

[ZahraaHawie]

I actually referred to this ConnectButton module not found #1184 and it works for me.

[mattjaf]

it got changed back to ConnectButton this morning

[gingercatLovesHerWife]

I ran into this problem, too. I tried the above version 1.0.170, but it still didn’t work.
I re-checked the github repository provided by the course, and found its web3uikit version is:
"web3uikit": "^0.1.159"
I changed the package.json file, deleted node_modules, ran 'yarn install', and boom! It finally worked!!

[Maakai123]

How did you change the package.json file? you copied from the course repo and pasted in yours?

[gingercatLovesHerWife]

that is correct

[AnneCh]

I ran into this problem, too. I tried the above version 1.0.170, but it still didn’t work. I re-checked the github repository provided by the course, and found its web3uikit version is: "web3uikit": "^0.1.159" I changed the package.json file, deleted node_modules, ran 'yarn install', and boom! It finally worked!!

+1, same issue, I did exactly like you and it worked, thank you !