使用create-react-app搭建react环境时报出以下错误,导致无法运行npm start。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: myapp@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR! react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"<18.0.0" from @testing-library/react@12.1.5
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^12.0.0" 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\Administrator\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\Administrator\AppData\Local\npm-cache\_logs\2022-04-12T15_06_09_243Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^12.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
原因是版本依赖出了问题,解决方式如下:
- 删除node_modules和package-lock.json;
- 打开“package.json”并将“react”:“^18.0.0”和“react-dom”:“^18.0.0”更改为早期版本,例如“react”:“^17.0.2”和“react-dom”:“^17.0.2”;
- 切换到项目文件夹,如:cd my-app;
- 运行 npm install
- 运行 npm i web-vitals --save-dev
然后就能正常运行 npm run build和npm start了