Web3Auth.io x Moralis: "@web3auth/web3auth" not installed, please install

Moralis General
#4

can you see it in nodemodules ?
can you see it in package.json ?
can you import it into your code?
can you use yarn to install it again ?

#5

Yes, I can see it in nodemodules
Yes, I can see it in package.json
Yes, I can import it (only warning : 'web3Auth' is defined but never used no-unused-vars
Yes, crated brand new test react app using yarn
Still same error appears.
Thanks for helping

#6

:thinking::thinking:
check this out

#7

Hi, any progress? I’m getting same issue. Installed, checked version and package.json

Successfully connecting metamask and magicLink with similar method, not sure what the issue is with web3auth connection though

#8

hi @chad125, unfortunately not. Further steps I’ve done:

  • following @0xprof suggestion, from Web3Auth GitHub, Installd even @web3Auth/Base dependency
  • set up a different PC with node.js 17 on Win11 (in original pc I had node.js stable 16 with Win10) and followed again al steps from Moralis Web3Auth tutorial, including additional dependecies from GitHub

Still same error pops up at runtime. Any help is really appreciated.

1 Like
#9

id say maybe it could be a problem on the moralis side if so many ppl seem sto be having issues with this. i can ask one of the devs. @cryptokid do you know if there is an issue on moralis side with the web3auth login flow

#10

you try to run that from nodejs or from a browser?

#11

Yarn start from terminal and test it on Chrome v99 on localhost:3000

#12

you want to get rid of the error or to make it work?
you use react?

also, I guess that you have latest version of Moralis SDK

#13

I would like to make it work. Yes, the app has been created with yarn create-react-app test and all Moralis dependecies added with yarn add moralis react--moralis (that should add the latest version, if I understood right).
Thank you very much for your help, btw.

#14

Hello, i will create a simple login with web3auth following the docs to test this :thinking: (reproduce)
and see what the actual problem is ?

#15

There is no -- in react-moralis, idk if this was a mistake here, it should be yarn add moralis react-moralis

#16

Hello, i ran a test and i made a dapp with login for moralis x web3auth and it seems to be working alright , i followed the docs and the tutorial and everything seem to be working and i got no errors, just a quick note, you do not import web3Auth into the code, but you do install the package
check the test site (https://moralisweb3authtest.netlify.app/) and the code is in the site, but here it is (https://github.com/0xPr0f/web3auth), you can also clone and then yarn and build off the project, i only created a react app (webpack 4) and i integrated the login following the docs

1 Like
#17

@B.One, make sure to make an account here and get the publishable clientId too.

#18

Typo, my damned fat fingers. Thanks for pointinig that out

#19

Thank you very much: I’ll go through it and will update here. First note: I’ve always used webpack 5. I’ll try with webpack 4 following your footsteps and check if webpack version has any role in this.

#20

Hi @qudusayo, thanks for helping. Yes, I’ve already created a Web3Auth.io account and configured it.

1 Like
#21

Follow up:

  • cloned @0xprof git, performed yarn install, then yarn start: web3auth integration works fine
  • cloned @0xprof git, changed version of react-scripts to 5.0.0 in package.json, performed yarn install, then yarn start: web3auth not installed error
    In both cases modifed Moralis serverUrl and appId and Web3Auth clientId with mine.
    Seems to me that something breaks up when using webpack 5
#22

yes, some of moralis dependencies doesn’t work well with webpack 5, but moralis does.
it seem web3auth also doesn’t work well, probably something they will update in the furture

glad you are all sorted out and also @chad125 should be too

#23

I ran your git project with my clientId without issue. Still unable to get it working in my project, though my code is virtually identical. Tried different react-scripts version, yarn instead of npm, still no go. Clicking my button throws:
Uncaught (in promise) Error: "@web3auth/web3auth" not installed, please install at Web3AuthConnector.js:147:21 at tryCatch (runtime.js:63:40) at Generator.invoke [as _invoke] (runtime.js:294:22) at Generator.next (runtime.js:119:21) at asyncGeneratorStep (asyncToGenerator.js:5:20) at _next (asyncToGenerator.js:27:9) at asyncToGenerator.js:34:7 at new Promise (<anonymous>) at new Wrapper (export.js:18:24) at Web3Auth3.activate (asyncToGenerator.js:23:12)

I’ll probably just leave it out of the project at this point

*Vite(2.8) React App