skip to Main Content

I want to create a react-app but i am getting some bunch of error messages about my dependencies.

Installing packages. This might take a couple minutes.    
Installing react, react-dom, and react-scripts...

npm WARN deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead. 
npm WARN deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
npm WARN deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm WARN deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.   
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated @babel/[email protected]: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated [email protected]: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated [email protected]: Use your platform's native DOMException instead
npm WARN deprecated [email protected]: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated [email protected]: Use your platform's native performance.now() and performance.timeOrigin.     
npm WARN deprecated [email protected]: [email protected]
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.

added 1462 packages, and audited 1463 packages in 3m      

242 packages are looking for funding
  run `npm fund` for details

8 vulnerabilities (2 moderate, 6 high)

To address all issues, run:
  npm audit fix

Run `npm audit` for details.

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.
You can fix this by running npm uninstall -g create-react-app or yarn global remove create-react-app before using create-react-app again.

I have tried fixing it by running

npm uninstall -g create-react-app

My folder structure only has my node_modules, package.json and package.lock.json. There is no src and public folder.

3

Answers


  1. create-react-app is deprecated, use something like Vite instead.

    Goodbye create-react-app

    Login or Signup to reply.
  2. run npm or yarn command on your terminal.

    npm 7+, extra double-dash is needed:

    npm create vite@latest my-react-app -- --template react
    

    yarn

    yarn create vite my-react-app --template react
    

    docs: https://vitejs.dev/guide/

    Login or Signup to reply.
  3. use
    npm create vite@latest my-react-app — –template react

    create-react-app is no longer supported but it should work but not recommended

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search