React app build failing after installing ffmpeg/ffmpeg

[anmol5varma]

Describe the bug Following react example as per https://ffmpegwasm.netlify.app/#demo, the build gives an error. Compiled with problems: × ERROR in ./node_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js 6:92-166 Module not found: Error: Can't resolve '/node_modules/@ffmpeg/core/dist/ffmpeg-core.js' in '/Users/anmolvarma/personal/new-things/guitar-chords/kareoke-app/node_modules/@ffmpeg/ffmpeg/src/browser'

To Reproduce Steps to reproduce the behavior:

1. run npm i @ffmpeg/ffmpeg
2. Copy code from https://github.com/ffmpegwasm/react-app/blob/master/src/App.js
3. Run npm start

Expected behavior The app should build successfully.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: MacOs Ventura 13.4
• Browser: chrome and brave
• Version: Version 1.52.126 Chromium: 114.0.5735.133 (Official Build) (arm64)

Additional context Add any other context about the problem here.

[NegiBaba]

You have only installed @ffmpeg/ffmpeg, check the docs they also install @ffmpeg/core with it as well or @ffmpeg/util depends on the version. if using ffmpeg verion 0.11.x install @ffmpeg/core if >= 0.12.x install @ffmpeg/util