React is not running - reactjs

npm WARN config global --global, --local are deprecated. Use --location=global instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-barcode#1.4.1
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"^18.2.0" from the root project
npm ERR! peer react#">=16.8.4" from #ant-design/charts#1.4.2
npm ERR! node_modules/#ant-design/charts
npm ERR! #ant-design/charts#"^1.4.2" from the root project
npm ERR! 65 more (#ant-design/flowchart, #ant-design/graphs, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.0.0 || ^17.0.0" from react-barcode#1.4.1
npm ERR! node_modules/react-barcode
npm ERR! react-barcode#"^1.4.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.0.0 || ^17.0.0" from react-barcode#1.4.1
npm ERR! node_modules/react-barcode
npm ERR! react-barcode#"^1.4.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\ghost\AppData\Local\npm-cache_logs\2023-01-24T07_50_41_550Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ghost\AppData\Local\npm-cache_logs\2023-01-24T07_50_41_550Z-debug-0.log
I tried npm install and this error is showing.
I also used npm start But it also showed error
npm WARN config global --global, --localare deprecated. Use--location=global` instead.
frontend#0.1.0 start
react-scripts start
'react-scripts' is not recognized as an internal or external command,
operable program or batch file.`

This is due to the version of react-scripts did not match your project.
Run npm install react-scripts --save
Your project should be running fine

Related

when I write npm install -D tailwindcss in my vscode terminal then it shows " npm EER! code ERESOLVE"

npm install -D tailwindcss
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving:
react-google-login#5.2.2
npm ERR! Found: react#18.1.0
npm ERR! node_modules/react
npm ERR! peer react#">=16.8.0" from #react-oauth/google#0.2.8
npm ERR! node_modules/#react-oauth/google
npm ERR! #react-oauth/google#"^0.2.6" from the root project
npm ERR! peer react#"^17.0.2 || ^18.0.0-0" from next#12.1.6
npm ERR! node_modules/next
npm ERR! next#"12.1.6" from the root project
npm ERR! peer next#">=10.2.0" from eslint-config-next#12.1.6
npm ERR! node_modules/eslint-config-next
npm ERR! dev eslint-config-next#"12.1.6" from
the root project
npm ERR! 6 more (react-dom, react-icons, styled-jsx, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer
dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Fix the upstream
dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\visitor\AppData\Local\npm-cache\eresolve-report.txt for
a full report.
npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\visitor\AppData\Local\npm-cache_logs\2022-10-28T06_41_44_897Z-debug-0.log
I was expecting that Tailwind css to be installed
Try to install it using the legacy peer dependencies flag.
npm install -D tailwindcss --legacy-peer-deps

facing problem installing react chat engine

whenever i try to install react-chat-engine it is giving me this error
PS C:\Users\HP\Desktop\React\Chat_App\chat-app-jsm> npm install react-chat-engine
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: chat-app-jsm#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.8.0 || ^17.0.1" from react-chat-engine#1.11.23
npm ERR! node_modules/react-chat-engine
npm ERR! react-chat-engine#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\HP\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\HP\AppData\Local\npm-cache\_logs\2022-09-15T11_58_58_927Z-debug-0.log
what should I do?
The package you are trying to install has react#16 dependency but your project is built on react#18.
Try out this commands:
npm i react-chat-engine --legacy-peer-deps
npm i react-chat-engine --force

Why do I keep getting errors while trying to install MUI packages

I'm trying to install MUI libraries however I keep getting these errors:
Here is what I've tried:
npm install --force
npm install --legacy-peer-deps
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: filmpire_jsm#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from #testing-library/react#13.3.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.1.0" from the root project
npm ERR! peer react#"^18.2.0" from react-dom#18.2.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"^18.0.0" from #testing-library/react#13.3.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.1.0" from the root project
npm ERR! react-dom#"^17.0.2" from the root project
npm ERR! 1 more (#mui/material)
npm ERR! 5 more (the root project, #emotion/react, #emotion/styled, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! #mui/styles#"^5.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0" from #mui/styles#5.10.2
npm ERR! node_modules/#mui/styles
npm ERR! #mui/styles#"^5.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/samiennaciri/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/samiennaciri/.npm/_logs/2022-08-26T02_57_25_208Z-debug-0.log```
Remove your node_modules folder and package-lock.json file, then run npm i --legacy-peer-deps

React Rich text editor is not installing

I'm trying to use React mui rte from Here but when I tried npm install mui-rte --save its showing the below error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: hiretripple#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/icons-material#5.8.4
npm ERR! node_modules/#mui/icons-material
npm ERR! #mui/icons-material#"^5.8.4" from the root project
npm ERR! peer #mui/icons-material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! peer react#"^17.0.0 || ^18.0.0" from #mui/material#5.8.6
npm ERR! node_modules/#mui/material
npm ERR! #mui/material#"^5.8.5" from the root project
npm ERR! peer #mui/material#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR! 1 more (#mui/icons-material)
npm ERR! 3 more (#emotion/react, #emotion/styled, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.0" from #mui/styles#5.8.6
npm ERR! node_modules/#mui/styles
npm ERR! peer #mui/styles#"^5.0.0" from mui-rte#2.0.1
npm ERR! node_modules/mui-rte
npm ERR! mui-rte#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
How can I resolve the problem? or is there any other best text editor that I can use?
You can install this package using
npm install --legacy-peer-deps
Then try to install your package

react suite (rsuite) package installation is failing

When I tried to install rsuite (version 4.9.3) package using the command,
npm i rsuite
I am getting this error. Can anyone help me with this installation process?
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#11.2.5
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.5" from the root project
npm ERR! peer react#"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from mini-create-react-context#0.4.1
npm ERR! node_modules/mini-create-react-context
npm ERR! mini-create-react-context#"^0.4.0" from react-router#5.2.0
npm ERR! node_modules/react-router
npm ERR! react-router#"5.2.0" from react-router-dom#5.2.0
npm ERR! node_modules/react-router-dom
npm ERR! react-router-dom#"^5.2.0" from the root project
npm ERR! 1 more (the root project)
npm ERR! 6 more (react-dom, react-router, react-router-dom, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^15.3.0 || ^16.0.0-alpha" from react-virtualized#9.22.3
npm ERR! node_modules/rsuite/node_modules/react-virtualized
npm ERR! react-virtualized#"^9.21.0" from rsuite#4.9.3
npm ERR! node_modules/rsuite
npm ERR! rsuite#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /home/mikhil/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/mikhil/.npm/_logs/2021-03-22T06_42_23_555Z-debug.log
You try the following command
npm install --force
or
npm install --legacy-peer-deps

Resources