【问题标题】:How to create a new project based on react@17如何基于react@17新建项目
【发布时间】:2022-07-16 07:27:48
【问题描述】:

我刚刚发现了 React。我想安装最新的稳定版 React (17.0.2),但我无法创建基于 React 17 的新项目。

你能帮帮我吗?

$] 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"
    ]
  }
}

然后我通过将 18.1.0 替换为 17.0.2 来更新 package.json。 我更新了这行:

"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-library/react”来更新 package.json

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'

【问题讨论】:

  • 请不要编辑问题以在标题中添加“已解决”之类的内容,或将解决方案添加到问题中。如果您设法通过 Ahmet 的回答解决了问题,请接受他们的回答。如果您采取了其他措施来解决它,请添加 answer 并在超时后接受。接受答案是将问题标记为在 Stack Overflow 上已解决。

标签: reactjs


【解决方案1】:

新建项目后,在 package.json 中更新这一行

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

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

npm install

【讨论】:

  • 并删除@testing-library/react@13.2.0
【解决方案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"

},

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多