部署React应用时出错,一直显示 << 在 "package.json » eslint-config-react-app »" 之间发生了 "react" 插件冲突 >>。

86

我在部署create react app时遇到了一些问题,它无法编译并告诉我“插件”react“在”package.json» eslint-config-react-app“之间发生冲突

我想知道是否有人遇到过相同的问题并知道如何解决,谢谢!我对这个还非常陌生。

当我npm start并启动时,我的Windows PowerShell显示给我什么

这是我启动React应用程序后本地主机看起来像什么


7
我遇到了类似的问题,我只是打开了一次 package.json 文件,然后关闭了它。再次运行npm start命令,问题得到解决。不确定是什么让它起作用。 - Harnam Singh
请[编辑]您的帖子,将代码和数据作为文本添加(使用代码格式),而不是图像。 图像:A)不允许我们复制和粘贴代码/错误/数据进行测试; B)不允许基于代码/错误/数据内容搜索; 和更多原因。 如果图像添加了一些仅通过文本代码/错误/数据无法传达的重要信息,则应该在代码格式的文本之外仅使用图像。 请参见[mcve]以获取所需的代码。 - Adriaan
28个回答

2

我通过更新eslint而不是每次保存package.json来解决了这个问题。

  1. 打开命令提示符,导航到React项目所在的文件夹。
  2. 运行npm update eslint

2

我曾遇到类似的问题,后来通过重新保存package.json文件解决了它。


那个到底是怎么回事 - 你不能什么都不存。必须要有所改变。 - Rolf

2

正如其他人已经写过的那样,问题出在React应用程序文件夹大小写不同。

如果你想从Visual Studio或VS Code运行和调试你的应用程序,稳定的解决方案是:

编辑Visual Studio解决方案文件(.sln),并将React应用程序项目的路径更改为实际大小写(小写),就像在Windows资源管理器中看到的那样!

例如,将此行更改为:

Project(<Guid>) = "reacttstest", "ReactTsTest\reacttstest.esproj", <Guid2>

到这一行:

Project(<Guid>) = "reacttstest", "reacttstest\reacttstest.esproj", <Guid2>

根本原因:

如果你在Visual Studio中创建一个新项目,并使用大写字母作为项目名称,实际文件夹的名称仍然是小写字母。问题在于:在Visual Studio解决方案文件(.sln)中,指向该项目的路径仍然用大写字母表示(就像你最初输入的那样),而实际文件夹名称是小写字母。当从Visual Studio启动应用程序时,它会使用来自解决方案文件的大写字母版本打开终端会话。当从该文件夹启动应用程序时,它会遇到问题。

暂时保存package.json可以解决问题(原因未知),但问题会一直出现。唯一永久的解决方法是在解决方案文件中更改文件夹名称,这在使用VS时非常重要。


1

我从 package.json 文件中移除了:

"eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  }

接着,我使用npm start重启了服务器,现在我的Web应用程序又可以正常工作了。

希望这能有所帮助。


这对我来说没问题。 - Dolphin

1

我和你一样遇到了同样的问题,因为这个问题我已经厌倦了在package.json上不停地按Ctrl + S,这只是其中一种解决方案。另一种解决方法是你的路径中包含了Desktop(大写D),而错误信息显示的路径中是desktop(小写d),所以你可以将该文件夹重命名为desktop,这样就能解决问题。


1

这个问题是由于我在Powershell中输入cd进入想要创建React应用程序的文件夹时所输入的内容引起的。

我输入了小写的完整路径,与实际路径的大小写不匹配。

为了解决这个问题,我执行了以下操作:

  • 删除原始的React应用程序文件夹
  • 打开一个新的Powershell窗口(以管理员身份运行)
  • 确保cd到正确的文件夹并确保大小写完全匹配
  • 运行命令npx create-react-app client-app
  • cd到新创建的文件夹(client-app)
  • 运行npm start

这样应用程序就可以正常启动了。


1

我通过手动从node_modules中删除eslint-config-react-app文件夹,并再次运行yarn add eslint-config-react-app来解决了这个问题。


0
对我来说,从Windows的PowerShell终端切换到命令提示符终端起作用了。
如上所述,路径/大小写等方面可能存在问题。

0
我也遇到了类似的问题。通过git cmd命令并使用code.打开我的项目,结果得到了同样的错误信息。但是手动运行npm start时,打开我的React项目没有问题。

0

我遇到了与名称大小写相同的问题。创建项目时,将其命名为“React2”,但Visual Studio忽略了我的大小写并将项目文件夹命名为小写“react2”。解决方案是:

  1. 关闭Visual Studio。
  2. 重命名文件夹,即使名称与项目名称匹配。(从git-bash shell: mv react2 React2 修复名称大小写)
  3. 重新打开Visual Studio,并再次尝试。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接