Moralis Zapper Clone Build frontend

Technical Issue Reporting
#1

Hi there,
when going through the tutorial to setup the frontend the suggested guide under https://docs.moralis.io/example-dapps/evm/zapper-clone suggests to do the following in the frontend directory:

npm install axios @web3uikit/core @web3uikit/web3 @web3uikit/icons

if I follow this up with npm audit fix --force but it creates more vulnerabilities along the way.

Am installing the right react and axios packages for the frontend to run smooth?

#2

When opening one of the .js files in the components directory, the first import lines to seem to grab the necessary react repository.
import React from “react”; leads to the following in my Run:
import React from “react”;
^^^^^^

SyntaxError: Cannot use import statement outside a module
at internalCompileFunction (node:internal/vm:73:18)
at wrapSafe (node:internal/modules/cjs/loader:1176:20)
at Module._compile (node:internal/modules/cjs/loader:1218:27)
at Module._extensions…js (node:internal/modules/cjs/loader:1308:10)
at Module.load (node:internal/modules/cjs/loader:1117:32)
at Module._load (node:internal/modules/cjs/loader:958:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:23:47

Node.js v18.16.0

Process finished with exit code 1

#3

Hi @fenno

Do you have the file with the import statement inside the frontend folder? You might get the same error if your code is outside.
Also, check the old solved forum post with a similar error. You can find some fixes there.

#4