将使用 npx 创建的 React v17 降级到 v18

如何降级使用“npx create-react-app . --template typescript”创建的项目。 我在网上找到的所有帖子都建议手动更改依赖项，然后运行“npm install”，但当我这样做时总是会出现一些错误。如何修改依赖项以使其与 React v17 一起使用？

这是我降级的尝试：

"dependencies": {
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.2.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.1",
"@types/node": "^16.11.36",
"@types/react": "^17.0.2",
"@types/react-dom": "^17.0.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.1",
"typescript": "^4.6.4",
"web-vitals": "^2.1.4"

}

这是错误：

npm WARN ERESOLVE 覆盖对等依赖

npm WARN 解决时：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告发现：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/react

来自根项目的 npm WARN React@"^17.0.2"

npm WARN 3 更多（@testing-library/react、react-dom、react-scripts）

npm WARN

npm 警告无法解决依赖关系：

npm WARN 来自@testing-library/的对等react@"^18.0.0"[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/@testing-library/react

来自根项目的 npm WARN @testing-library/react@"^13.2.0"

npm WARN ERESOLVE 覆盖对等依赖

npm WARN 解决时：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告发现：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/react

来自根项目的 npm WARN React@"^17.0.2"

npm WARN 3 更多（@testing-library/react、react-dom、react-scripts）

npm WARN

npm 警告无法解决依赖关系：

npm WARN 对等react@"^18.1.0" 来自[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/react-dom

来自根项目的 npm WARN react-dom@"^17.0.2"

npm WARN 1 more (@testing-library/react)

npm WARN ERESOLVE 覆盖对等依赖

npm WARN 解决时：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告发现：[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/react-dom

来自根项目的 npm WARN react-dom@"^17.0.2"

npm WARN 1 more (@testing-library/react)

npm WARN

npm 警告无法解决依赖关系：

npm WARN 来自 @testing-library/ 的对等 react-dom@"^18.0.0"[电子邮件受保护] /cdn-cgi/l/email-protection

npm 警告 node_modules/@testing-library/react

来自根项目的 npm WARN @testing-library/react@"^13.2.0"

你可以随时奔跑

npm resolve dependencies

手动降级可能会发出一些警告，告诉您有比您现在使用的版本更新的版本，但它仍然可以正常工作。

你在 package.json 中犯了一个错误

"react-scripts": "5.0.1",

Make it

"react-scripts": "^5.0.1",