Run into issues

[wuzimi]

I can't use it. It always shows something wrong if I use production mode. But with dev mode, I saw no result. Pls see attached screen shot. Any requirement for the format of audio and picture? Mp3 and png/jpeg?

Thanks!

[SAYUK09]

Thanks for opening an issue.

• Dev Mode: Based on the logs, it appears that the dev mode should be working. As I can see the the project is complied successfully. Please let me know what you see at http://localhost:3000/ A screenshot of this page would be helpful.

• Production Mode: Could you confirm that you executed yarn build before yarn start ?

See the revised Readme for more information.

Let me know if that works.

[wuzimi]

Thanks for your reply. I tried again today. For dev mode, pls see attached screen shot. I used a jpeg and a mp3 file. For production mode, I executed yarn build and got some errors in attached screenshots:

:\Users\Administrator\Documents\GitHub\Audiogram-master>yarn build yarn run v1.22.21 $ next build ▲ Next.js 14.1.0

Linting and checking validity of types ...Failed to compile.

./pages/_app.tsx:29:12 Type error: 'Component' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<any, any, any> | null' is not a valid JSX element. Type 'Component<any, any, any>' is not assignable to type 'Element | ElementClass | null'. Type 'Component<any, any, any>' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("C:/Users/Administrator/Documents/GitHub/Audiogram-master/node_modules/@types/react-dom/node_modules/@types/react/ts5.0/index").ReactNode'. Type 'ReactElement<any, string | JSXElementConstructor>' is not assignable to type 'ReactNode'. Property 'children' is missing in type 'ReactElement<any, string | JSXElementConstructor>' but required in type 'ReactPortal'.

27 | > 28 |

29 | <Component {...pageProps} /> | ^ 30 | 31 | 32 | </> error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[SAYUK09]

Thanks for getting back.

• Dev Mode: I doubt you've set up the backend dependencies for this project. For Audiogram to work, you need
  1. NextJs Audiogram Frontend (this repo)
  2. Audiogram Nodejs BE
  3. Flask Transcription API

I suggest you to please setup the Nodejs Backend and Flask API mentioned above

• Production Mode: I am unsure of the error in the production mode. I'm looking into it right now. After I figure it out, I'll get back to you.