couldn't find preset 'env react' relative to directory 'src'

React/Babel - Couldn’t find preset “env react” relative to directory “src”

When you use Babel to compile react javascript code, you might get an error message like ‘Couldn’t find preset ‘env react relative to dirctory ‘src’

Here is the solution for this error message.

Delete Babel devDependencies in your package.json

then run the following command on your powershell

$ npm install

$ npm init

$ npm install --save-dev @babel/core @babel/cli

$ npm install --save-dev @babel/preset-react @babel/preset-env

$ npx babel src/app.js --out-file=public/scripts/app.js --presets=@babel/preset-env,@babel/preset-react