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

Question

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

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

- Ruben

---

我遇到了类似的问题，我只是打开了一次 package.json 文件，然后关闭了它。再次运行npm start命令，问题得到解决。不确定是什么让它起作用。 - Harnam Singh

请[编辑]您的帖子，将代码和数据作为文本添加（使用代码格式），而不是图像。 图像：A）不允许我们复制和粘贴代码/错误/数据进行测试; B）不允许基于代码/错误/数据内容搜索; 和更多原因。 如果图像添加了一些仅通过文本代码/错误/数据无法传达的重要信息，则应该在代码格式的文本之外仅使用图像。 请参见[mcve]以获取所需的代码。 - Adriaan

Answer 1

大小写存在冲突

C:\Users\Ruben|desktop\reactapp\test....而nodemodules却寻找C:\Users\Ruben|Desktop\Reactapp\test....

这是一个Windows特有的问题，以前React无论这个差异如何都可以运行应用程序。但现在似乎不行了。

我使用的解决方案是找到文件夹并用“code”打开；这确保路径直接匹配与存储在节点模块中的内容。

- blossom-babs

---

嘿，看起来它似乎起作用了。我读了各种文档和线程，但这实际上是有效的，并且是一个简单的修复（正如我所想的那样，只是无法弄清楚）。到目前为止一切都很好，非常感谢！ - Ruben

如果还有其他人不理解这个修复过程的最后部分，以下是我解决错误的方法...造成大小写问题的根源是因为在Windows中文件夹的大小写和我在bash中使用cd命令时所输入的大小写不同。因此，我切换到与实际Windows文件夹大小写匹配的目录，然后再次从此位置运行npm start，错误就消失了。 - DanWheeler

适用于我。 - Shehraz Arain

我正在努力解决它...你说的"用代码打开"是什么意思？ - Fab

好的，为了更清楚，这意味着您在命令行中的位置类似于c：/ users / myuser / documents /...但是eslint现在对大小写敏感，并且需要的是类似于c：/ Users / myuser / Documents。我发现我的Windows文件夹实际上是具有大写D的“Documents”，而不是小写。因此，打开文件资源管理器窗口并查找根文件夹的大小写。然后，在命令行中，确保切换到具有正确大小写的文件夹，例如cd / Users / myuser / Documents。然后运行构建命令，它就能正常工作。 - trevorhpittman

Answer 2

在 Windows 10、VS Code 和 npm 中遇到同样的问题。 解决方法是在 VS Code 中打开 package.json 文件并保存（ctrl+s），然后它就能正常工作了。你可能需要每次重复这个步骤，有点烦人。

- ihsany

---

好的，但这不是可持续的，因为当你在任何其他文件中进行更改并保存时，你又回到了错误的状态。至少这是我的经验。@DanWheeler在上面的评论中提供了一个更稳定的解决方案，即确保在cd进入应用程序文件夹时使用相同的大写格式。在我的情况下，我的应用程序位于Stuff/app，但我输入了cd stuff/app。为了简化我的生活，我只需将我的Stuff文件夹重命名为小写字母的stuff，因为我通常使用小写字母进行cd操作。 - Jomeno Vona

如果您想从Visual Studio或VS Code运行应用程序，请参阅我的评论以获取永久解决方案。 - Lukas

Answer 3

这个错误是从终端发生的，我长时间以来一直遇到类似问题，尝试了多种方法，比如使用“npm install”更新依赖项或保存package.json文件，但所有这些方法只能暂时解决问题。

最好和永久的解决方法是你要正确地从终端进入项目目录，最新版本的React对大小写非常敏感。

例如：

你将目录切换到

C:\Users\Desktop\reacttutorials\antd-demo

正确的路径应该是

C:\Users\Desktop\ReactTutorials\antd-demo

请注意大小写的更改。

- Olami Olasunkanmi

---

就我而言，这是正确的答案。其他人的解决方案所做的唯一事情就是创建一个“临时”的修复方法。 - Josepch

对我也起作用了，在 VS Code 终端中，我使用 cd 命令进入了相同的路径，但是大小写正确。 - mshwf

哇！当我读到这篇文章时，我意识到我懒得打正确的大小写... 在我的情况下起作用了！ - matt_dablu

Answer 4

只需要重新保存 package.json 文件，对我来说就可以了。

- ThomasNL

---

每次刷新时都要重新保存 package.json 文件并不是一个解决方法。 - Josepch

正是@Josepch所说的。这确实“解决”了问题，但并不是真正的解决方案。我不想在每次更改后都保存package.json... - C. Keats

True。查看我的评论以获取永久修复。 - Lukas

Answer 5

我在Mac上也遇到了这个问题。作为临时解决办法，我通过降级到第6版来解决了这个问题，方法是运行以下命令：

``` yarn remove eslint-config-react-app ```

然后运行：

``` yarn add eslint-config-react-app@6 ```

我运行了两次。使用7版本（不带“@6”）总是失败的，而使用6版本总是成功的。你的情况可能会有所不同，尤其是如果你确实需要第7版。

- Patrick Chu

Answer 6

这个解决方案对我很有用。

npm remove eslint-config-react-app

尝试重新安装 Eslint，但会出现相同的错误。只是将其移除对我来说很好用。

- Shekar

---

无法为我工作。 - Dolphin

Answer 7

在使用Visual Studio 2022独立的React项目安装React时，我遇到了这个错误。问题出在Visual Studio将我的项目名称显示为大写（与我输入的一致），然而文件夹名称却是小写。

解决方法是手动重命名文件夹名称以匹配在Visual Studio中显示的项目名称。

- curious.netter

Answer 8

我是一个使用Windows 10和VS Code的用户。我用yarn重新安装了es-lint-config-react-app，如果您使用npm也可以。目前一切似乎都已经解决了。

- Zach Nault

Answer 9

目前的React是区分大小写的，因此我们必须使用准确的大小写指定目录路径。

例如：

# This must be written with case sensitivity
C:\Users\Ruben|desktop\reactapp\test 

C:\Users\Ruben|desktop\ReactApp\test 

解决方案：使用cd命令并写入准确的位置。

- Dhruvkumar Patel

Answer 10

我更改了文件夹名称，但是我在终端中使用旧文件夹名称运行应用程序。

旧文件夹名称：C:/.../ReactRepo/ReduxExample1

更改后的名称：C:/.../ReactRepo/reduexample1

如何在终端中解决：

cd .. && cd reduexample1(paste here your new Folder Name) && npm start

- Burak Ozcelik