Moralis React not installing

Moralis General
#1

I am trying to follow the React Moralis intro tutorial, here:

I am getting a bunch of errors and it seems to be needing an index.ts file instead of an index.js, which is what I have and what is used in the tutorial.

WARNING in ./node_modules/@metamask/detect-provider/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\benX\Documents\twitter-clone\node_modules\@metamask\detect-provider\src\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\benX\Documents\twitter-clone\node_modules\@metamask\detect-provider\src\index.ts'
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 97:45-81
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5348:11-24
 @ ./src/index.js 8:0-48 18:33-48

WARNING in ./node_modules/moralis/lib/browser/Web3Connector/MagicWeb3Connector.js 175:38-58  
Module not found: Error: Can't resolve 'magic-sdk' in 'C:\Users\benX\Documents\twitter-clone\node_modules\moralis\lib\browser\Web3Connector'
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 99:49-94
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5348:11-24
 @ ./src/index.js 8:0-48 18:33-48

WARNING in ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 153:54-93
Module not found: Error: Can't resolve '@walletconnect/web3-provider' in 'C:\Users\benX\Documents\twitter-clone\node_modules\moralis\lib\browser\Web3Connector'
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 87:57-110
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5348:11-24
 @ ./src/index.js 8:0-48 18:33-48

WARNING in ./node_modules/moralis/lib/browser/Web3Connector/Web3AuthConnector.js 132:40-69   
Module not found: Error: Can't resolve '@web3auth/web3auth' in 'C:\Users\benX\Documents\twitter-clone\node_modules\moralis\lib\browser\Web3Connector'
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 101:25-69
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5348:11-24
 @ ./src/index.js 8:0-48 18:33-48

4 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.70.0 compiled with 4 warnings in 743 ms

I am confused here. Help

#2

I am replying to myself - I am still getting warning signs but it’s working.
I made a ridiculous error - I ended my React App with – export default App(); instead of export default App; and I installed the babel-loader as it was suggested here in the forum

2 Likes
#3

@mw3Ben warnings can be ignored

suggested for?

1 Like
#4

I am not sure if the babel-loader did anything. I read that somewhere. I was getting all kinds of warnings and errors but I think I might not have installed Moralis correctly. I might have installed just Moralis-React where I should have installed npm install Moralis and Moralis-React…and since I ended my App.js file incorrectly…export default App(); - instead of export default App;