插件"react"在"package.json ..."和"BaseConfig ..."之间发生了冲突。

13

运行在微软edge浏览器上的React应用程序

我打开终端,进入我的React文件夹,使用npm start启动React应用程序,但是错误总是在浏览器中出现。

“react”插件在“package.json » eslint-config-react-app » D:\os\zenom\zenom-react\node_modules\eslint-config-react-app\base.js”和“BaseConfig » D:\OS\Zenom\zenom-react\node_modules\eslint-config-react-app\base.js”之间发生冲突。


这是一个使用create-react-app进行全新安装的React项目吗?还是你自己配置了React的某个项目? - Ary Barros
很好的发现 @CherryDT - Andy
5个回答

25

你正在从一个不正确的、没有遵循规范大写方式的工作目录路径运行项目。

规范路径为D:\OS\Zenom\zenom-react,但是你的工作目录是D:\os\zenom\zenom-react(注意小写字母)。

解决方案是确保你的工作目录设置为规范路径(与Windows资源管理器中显示的相同)。

PowerShell:

PS D:\os\zenom\zenom-react> cd D:\OS\Zenom\zenom-react
PS D:\OS\Zenom\zenom-react> npm start

bash:

user@machine MINGW64 /d/os/zenom/zenom-react
$ cd /d/OS/Zenom/zenom-react

user@machine MINGW64 /d/OS/Zenom/zenom-react
$ npm start

由于Windows文件系统通常不区分大小写1,因此仍然可以使用不同的大写方式来访问文件,但是如果路径的大小写不同,则模块加载器将视其为不同的路径(一些操作系统路径操作方法会导致返回规范化路径),从而导致错误。

请参见此GitHub问题


1:可以进行配置


2
你真的帮我省了很多麻烦。 - Baahubali
2
谢谢!我花了很多时间寻找解决方案,这个解决方案解决了我的问题。有些解决方案建议更改文件夹名称,:o - Daniel Silva
1
大小写敏感的文件系统的愚蠢问题再次出现。 - Martin Brown
我的问题也解决了。 我使用 code . 命令从 PowerShell 打开文件夹,但是在运行 pwd 命令时,目录中的一个文件夹以小写字母开头。实际上,该文件夹名称应以大写字母开头。 - abdadeel

1

请按照以下步骤进行:

  1. 关闭代码编辑器。

  2. 进入文件夹并将名称改为小写。

  3. 重新启动代码编辑器并再次运行npm start


1

今天我在 MacBook Pro 上遇到了相同的问题,然后我只需删除 package.json 中的 eslint 配置并解决了它:

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

0

这是一个大小写敏感的问题,尤其是在Windows系统中。

解决方案:

前往文件位置 /d/OS/ 并将其更改为 /d/os/。


0
如果你愿意的话,这个问题有一个解决办法。在保存更新后,运行npm start命令,肯定不会再产生错误,因为在代码操作时不会渲染屏幕。

你的回答可以通过提供更多支持性信息来改进。请编辑以添加进一步的细节,例如引用或文档,以便他人能够确认你的回答是否正确。你可以在帮助中心找到关于如何撰写好回答的更多信息。 - Community

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