create-react-app dependency version issues with React 18

by

Until this is fixed for now you can delete the node_modules folder and package-lock.json. Next, open package.json and change
"react": "^18.0.0" & "react-dom": "^18.0.0" to an earlier version e.g:
"react": "^17.0.2" & "react-dom": "^17.0.2".
Finally, you can run npm install.

Alternative Solution (Try this first!):
solution suggested by joooni1998):

  1. delete both node_modules and package-lock.json
  2. run npm i web-vitals --save-dev
  3. run npm install

and then you can use npm run build and npm start again

More Related Contents:

  1. How to specify a port to run a create-react-app based project?
  2. Pass command line args to npm scripts in package.json
  3. ‘npm start’ returns error: “There might be a problem with the project dependency tree”
  4. What is the difference between “npm install” and “npm ci”?
  5. Message “npm WARN config global `–global`, `–local` are deprecated. Use `–location=global` instead”
  6. how to install multiple versions of package using npm
  7. Field ‘browser’ doesn’t contain a valid alias configuration
  8. npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
  9. How to fix SSL certificate error when running Npm on Windows?
  10. Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
  11. Npm audit fix –force react script downgrade automatically
  12. On npm install: Unhandled rejection Error: EACCES: permission denied
  13. Do I need both package-lock.json and package.json?
  14. Error ‘tunneling socket’ while executing npm install
  15. npm equivalent of yarn resolutions?
  16. Error while creating new React app (“You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)”)
  17. Unable to create new react app with npx create-react-app
  18. Difference between npm start and npm run start
  19. How can I reference package version in npm script?
  20. How to fix EACCES issues with npm install
  21. Error in starting hyperledger fabric network with hyperledger composer
  22. How to view the dependency tree of a given npm module?
  23. What is the difference between npm-shrinkwrap.json and package-lock.json?
  24. Get version number from package.json in React Redux (create-react-app)
  25. What does “npm audit fix” exactly do?
  26. Running Mocha 6 ES6 tests with Babel 7, how to set up?
  27. create-react-app is not working since version 4.0.1
  28. Is there a difference between `npm start` and `npm run start`?
  29. webpack is not recognized as a internal or external command,operable program or batch file
  30. How to avoid React loading twice with Webpack when developing

Leave a Comment