react报错：Plugin “react“ was conflicted between “package.json » eslint-config-react

@Aran~

已于 2023-07-07 22:26:04 修改

阅读量2.7k

点赞数 4

文章标签： react.js json javascript

于 2023-07-07 22:24:50 首次发布

本文链接：https://blog.csdn.net/ARandeCSDN/article/details/131604929

版权

当在package.json中遇到react插件和eslint-config-react包的冲突时，可以考虑删除不必要依赖，升级包到最新版，或手动调整ESLint配置以避免冲突。通过在.eslintrc文件中指定规则和配置，可以同时使用两者并确保项目正常运行。

摘要由CSDN通过智能技术生成

在package.json文件中的"react”插件和eslint-config-react包之间遇到冲突，这意味着这两个包都在尝试为React项目配置ESLint规则，并且在配置中可能存在冲突。

方法一：package.json 文件删除 eslint-config ，删除eslint-config-react:如果您的项目中不明确需要eslint-config-react，则可以从package.json依赖项中删除，即以下代码

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

方法二：转到package.json文件中按ctrl + s

还有一种可能：冲突可能是由于软件包的过时版本引起的。升级到最新版本可能会解决冲突。升级eslint-config-react:检查是否有较新版本的eslint-config-react可用。

如果同时需要"react"插件和eslint-config-react，可以调整ESLint配置来解决冲突。在.eslintrc文件(或ESLint配置文件)中，可以显式指定规则和配置，并避免任何冲突选项。

方法：

1、打开eslintrc文件，没有的话在项目的根目录下创建一个。
2、在eslintrc文件中，指定extends、plugins和rules部分，以便为React项目配置ESLint。
下面是一个包含"react"插件和eslint-config-react的配置示例：

{
  "extends": ["eslint-config-react"],  //启用eslint-config-react中的规则
  "plugins": ["react"],
  "rules": {
    // Add your specific rules here
  }
}

如果还没有安装eslint-config-react和"react"插件，可以用npm安装eslint-config-react，调整好ESLint配置后，就可以在项目中运行ESLint，并使用eslint-config-react和react插件中的指定规则，而不会发生冲突。

npm install eslint-config-react eslint-plugin-react --save-dev

关注