我对编码还不熟悉,对为什么我不能正确设置React有疑问.上周我挣扎了一下,然后终于成功了.但现在我又遇到了同样的问题,什么都不管用.

我有一个项目,我从npx create-react-app开始,然后当我进入该项目时,我猜这个问题:

项目依赖关系树可能有问题.它是

Create react App提供的react脚本包需要

"网页包":"4.29.6"

不要try 手动安装:您的软件包管理器会这样做

/用户/aliceparker/node_模块/webpack(版本:4.33.0)

已知手动安装不兼容版本会导致

如果您希望忽略此判断,请添加

要修复依赖关系树,请按照下面的步骤进行操作

  1. 删除包锁.json(不是package.json!)和/或Yarn .锁定项目文件夹.
  2. 删除项目文件夹中的 node _模块.
  3. 从包中的依赖项和/或依赖项中删除"webpack".项目文件夹中的json文件.
  4. 运行npm install或Thread,具体取决于您使用的软件包管理器.

在大多数情况下,这应该足以解决问题.如果有

  1. 如果使用npm,请安装Yarn (http://yarnpkg.com/),并用其重复上述步骤.

  2. 判断/Users/aliceparker/node_modules/webpack是否在项目目录之外.

  3. try 在项目文件夹中运行npm ls webpack.

如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK=true添加到.环境文件

另外,我们知道这条消息很长,但请阅读上面的步骤:-)

我已经按照上面的步骤做了.还是有问题.

这是我的Package.json文件如下所示:

`{
  "name": "ravenous-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}`

有谁能帮我找到解决这个问题的方法吗?(注:我试着创建一个新项目,但遇到了同样的问题……)

推荐答案

在终端中,运行:

cd ~

然后:

ls

你应该看到一个文件列表.如果该列表中包含node_modules(看起来应该是这样),则您希望删除该文件夹.您可以在终端中这样做:

rm -rf node_modules

但请记住:这不会将文件夹发送到垃圾箱.它将不可撤销地删除它.rm -rf是一个强大的命令.如果这让你感到紧张,就输入open ..这将在Finder中打开您的"home"(~)目录,您可以在熟悉的右键单击send to trash way中删除node_modules.

希望有帮助!

Reactjs相关问答推荐

CSS转换不适用于React MUI对象

迁移到React Router Dom v6后,我是否错误地使用了Link组件?

如何使用.Aggregate从多个集合中获取数据,包括使用Mongoose+NextJS的SUM值

取消 Select 较高组件中的所有行

Github 操作失败:发布 NPM 包

如何在React组件中自动更新图表数据?

尽管所有页面在 Reactjs 中都是公开的,但始终导航到特定页面

强制 useEffect 仅运行一次

Firebase查询返回随机用户数据,而不是过滤后的用户数据

如何让 useEffect 在 React.JS 中只运行一次?

useEffect 渲染没有依赖数组的组件

MUI TextField Select 菜单的最大高度

在 React 中使用复选框管理状态

如何通过单击多个选项中的特定项目在模态上呈现不同的标题?

当用户输入相同信息时如何禁用更新

Mui CardMedia 的图片组件

如果查询不存在,如何返回所有产品?

如果 URL 已随功能组件更改,则取消刷新

Lodash 在命名导入中导入整个包

RTK 查询 POST 方法不会改变数据