React TypeScript Error Fix: 'ERESOLVE Unable to Resolve Dependency Tree'
React TypeScript Error Fix: 'ERESOLVE Unable to Resolve Dependency Tree'
for react js error: • How to Fix 'ERESOLVE unable to resolve dep...
npx create-react-app new-app --template typescript is not working
Commands
--------------------
npm install -g typescript
npm uninstall react react-dom
npm install react@18 react-dom@18
npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 @types/jest@^27.0.1 @types/node@^16.7.13 @types/react@^18.0.0 @types/react-dom@^18.0.0 typescript@^4.4.2 web-vitals@^2.1.0
npx tsc --init
npx tsc --build --clean
npm install --save-dev typescript
tsconfig.json
---
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "es2015"],
"allowJs": true,
"jsx": "react-jsx", // Add this line to enable JSX handling
"moduleResolution": "node",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true
},
"include": [
"src"
]
}
#reaction #TypeScript #npmError #ERESOLVE #ReactJS #TypeScriptTutorial #DependencyTreeError #ReactWithTypeScript #npmFix #FrontendDevelopment #ReactApp #JavaScript #WebDevelopment #ProgrammingTutorial #LearnReact #BugFix #WebDev #LearnCoding #CodingTutorial #HotspotProgramming #TechSupport #SoftwareDevelopment #ytshort #ytshortsvideo #yt #youtube #youtubevideo #youtubechannel #reactjs #reacterror #reacterr #recentissue #recent