React frontend to SDT

[rachejazz]

No description provided.

[pleia2]

Not sure what I'm missing here, but I'm getting the following when I try to start the application (I install npm from the Ubuntu 24.04 package):

elizabeth@sdt:/opt/software-discovery-tool/react-frontend$ sudo npm run start

> [email protected] start
> react-scripts start

/opt/software-discovery-tool/react-frontend/node_modules/@babel/types/lib/definitions/index.js:86
_toFastProperties(_utils.VISITOR_KEYS);
^

TypeError: _toFastProperties is not a function
    at Object.<anonymous> (/opt/software-discovery-tool/react-frontend/node_modules/@babel/types/lib/definitions/index.js:86:1)
    at Module._compile (node:internal/modules/cjs/loader:1356:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1414:10)
    at Module.load (node:internal/modules/cjs/loader:1197:32)
    at Module._load (node:internal/modules/cjs/loader:1013:12)
    at Module.require (node:internal/modules/cjs/loader:1225:19)
    at require (node:internal/modules/helpers:177:18)
    at Object.<anonymous> (/opt/software-discovery-tool/react-frontend/node_modules/@babel/types/lib/validators/validate.js:9:14)
    at Module._compile (node:internal/modules/cjs/loader:1356:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1414:10)

Node.js v18.19.1

[vivkong]

I was using Node v22.8.0 and npm v10.8.2. Was able to start the frontend but ran into the following:

1. No distros shown:

and therefore got no search results:

2. When I clicked Home I got the following error:

[pleia2]

In your .env file, what URL did you specify for REACT_APP_API_URL ?

[vivkong]

$ cat .env
REACT_APP_API_URL='http://localhost:80/sdt'

[deveshidwivedi]

Hi @vivkong, I faced a similar issue initially. If the console shows errors related to cors, could you try installing the Allow CORS extension and check if the distros show?

[vivkong]

I've installed the extension but the distros didn't show up:

[deveshidwivedi]

I've installed the extension but the distros didn't show up:

Are there any errors in the console currently?

[vivkong]

Are there any errors in the console currently?

I didn't see any errors. This is the output I got:

Compiled successfully!

You can now view sdt-veryfinal in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://10.11.109.65:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully

[Apurv428]

Hi @vivkong , is the flask server running?

[vivkong]

Hi @vivkong , is the flask server running?

I believe so. Since this is working: