Add MoralisProvider and get Error

Moralis General
#1

Could anyone help me with this?

When i add the MoralisProvider, I get this two error.

I tried to update moralis server and reinstall moralis and react-moralis, but the problem still there and i have not seen these problem before!!

this is my code

import ‘…/styles/globals.css’

import { MoralisProvider } from ‘react-moralis’

function MyApp({ Component, pageProps }) {

console.log(process.env.NEXT_PUBLIC_SERVER, process.env.NEXT_PUBLIC_APP_ID)

return (

<MoralisProvider

  appId={process.env.NEXT_PUBLIC_SERVER}

  serverUrl={process.env.NEXT_PUBLIC_APP_ID}

>

  <Component {...pageProps} />

</MoralisProvider>

)

}

export default MyApp

Below is the problem

RESTController.js?8205:302 POST http://localhost:3000/{app_id}/functions/getPluginSpecs 404 (Not Found)
dispatch @ RESTController.js?8205:302
ajax @ RESTController.js?8205:309
eval @ RESTController.js?8205:416
Promise.then (async)
request @ RESTController.js?8205:410
run @ Cloud.js?a01a:172
run @ Cloud.js?a01a:98
eval @ MoralisWeb3.js?22fb:885
tryCatch @ runtime.js?c56e:63
invoke @ runtime.js?c56e:294
eval @ runtime.js?c56e:119
asyncGeneratorStep @ asyncToGenerator.js?4ec9:5
_next @ asyncToGenerator.js?4ec9:27
eval @ asyncToGenerator.js?4ec9:34
Wrapper @ export.js?db00:18
eval @ asyncToGenerator.js?4ec9:23
eval @ MoralisWeb3.js?22fb:979
eval @ Parse.js?b1a7:242
tryCatch @ runtime.js?c56e:63
invoke @ runtime.js?c56e:294
eval @ runtime.js?c56e:119
asyncGeneratorStep @ asyncToGenerator.js?4ec9:5
_next @ asyncToGenerator.js?4ec9:27
eval @ asyncToGenerator.js?4ec9:34
Wrapper @ export.js?db00:18
eval @ asyncToGenerator.js?4ec9:23
eval @ Parse.js?b1a7:270
eval @ index.esm.js?33c6:3934
step @ index.esm.js?33c6:91
eval @ index.esm.js?33c6:72
eval @ index.esm.js?33c6:65
__awaiter @ index.esm.js?33c6:61
eval @ index.esm.js?33c6:3920
eval @ index.esm.js?33c6:3957
invokePassiveEffectCreate @ react-dom.development.js?ac89:23487
callCallback @ react-dom.development.js?ac89:3945
invokeGuardedCallbackDev @ react-dom.development.js?ac89:3994
invokeGuardedCallback @ react-dom.development.js?ac89:4056
flushPassiveEffectsImpl @ react-dom.development.js?ac89:23574
unstable_runWithPriority @ scheduler.development.js?bcd2:468
runWithPriority$1 @ react-dom.development.js?ac89:11276
flushPassiveEffects @ react-dom.development.js?ac89:23447
eval @ react-dom.development.js?ac89:23324
workLoop @ scheduler.development.js?bcd2:417
flushWork @ scheduler.development.js?bcd2:390
performWorkUntilDeadline @ scheduler.development.js?bcd2:157
Show 15 more frames
RESTController.js?8205:441 Uncaught (in promise) Error: Received an error with invalid JSON from Parse: body{display:none}body{display:block}404: This page could not be found

body { margin: 0 }

404

This page could not be found.


at handleError (RESTController.js?8205:441:1)
#2

Is your server awake? Did your environment variables log correctly? Also the provider should be at the entry of your app or around an App component.

#3

Yes, console.log shows exactly what are in moralis website.

i used create-next-app to create project, so I put MoralisProvider in _app.jsx page.

#4

Ok try using another server’s settings to test if it’s a problem with the updated one.

#5

hello, man. When i woke up other server and test it, i found that i put them in wrong position. i put appId in serverul and severul in appid, so original one should work, sorry. But thanks!!

#7

how to solve it
ReactStrictMode
MoralisProvider
appId=" paste your App_ID"
serverUrl=“paste your rserverurl”
MoralisProvider
ReactStrictMode

#8

You should replace the first one with your application Id and the second your server URL gotten from any of your servers from https://admin.moralis.io