如何基于react@17创建一个新项目

Question

我刚刚发现了反应。我想安装最新的稳定版本的React (17.0.2)，但我不能创建一个新的项目基础上的Reactive17。

你能帮帮我吗?

$] npm --version
8.5.5

$] node --version
v16.15.0

我尝试了版本18，但是我想要使用的许多依赖项都不是版本18的最新版本。

我做了以下工作：

$] npx create-react-app sample-11
$] cd sample-11
$] cat package.json
{
  "name": "sample-11",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

然后，我更新了package.json，将18.1.0改为17.0.2。我更新这一行：

"react": "^17.0.2"
"react-dom": "^17.0.2"

rm -rf node_modules
rm package-lock.json
npm install

我知道错误：

npm ERR! Could not resolve dependency:
npm ERR! peer react@"^18.0.0" from @testing-library/react@13.2.0

因此，我通过删除“@testing package.json /react”来更新。

npm install

好的。

npm start

Compiled with problems:

ERROR in ./src/index.js 5:0-40

Module not found: Error: Can't resolve 'react-dom/client' in '/home/dev/Projets/node-projects/sample-11/src'

Answer 1

在创建了一个新项目之后，在package.json中我们更新了这一行

"react": "^17.0.2"
"react-dom": "^17.0.2"

然后删除包-lock.json和node_modules，然后应用

npm install

Answer 2

试着像这样

"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"typescript": "^4.7.4",
"web-vitals": "^2.1.4"

},