reactjs - 插件“react”在“package.json»eslint-config-react-app 之间发生冲突

Question

安装反应后出现此问题

在此处输入图像描述

Answer 1

I went to node_modules/react-scripts/config .Acutally it's an another folder, and there is no such file as you mentioned above.

Answer 2

我遇到了同样的错误。

您创建此应用的路径位于：

\Users\TONMOY\Onedrive\feedback-ui\

路径名区分大小写。您创建的应用程序区分大小写，因此您在文件夹中创建了应用程序，...\Onedrive\.....而设备中的正确路径为...\OneDrive\.....

这可能是 VS Code 的问题。

我发现的解决方法是，在 Visual Studio 终端中，我使用正确的情况导航到正确的文件夹路径，在你的情况下应该是

\Users\TONMOY\OneDrive\feedback-ui\

在此之后，从 VS Code 终端运行您的应用程序应该可以正常工作。这在 Visual Studio Code 中对我有用。

更新：这只是一个临时修复。在重新启动 VS Code 时，它​​会恢复到错误的情况。

相反，您可以加载 VS Code 并浏览您的系统目录并手动选择您的项目文件夹一次。这样做之后，即使重新启动，路径的情况也不会恢复。

Answer 3

我为解决这个问题所做的工作，我进入了位于node_modules > react-scripts > config的文件webpack.config.js并评论了位于文件末尾的所有摘录：

!disableESLintPlugin &&
    new ESLintPlugin({
      // Plugin options
      extensions: ['js', 'mjs', 'jsx', 'ts', 'tsx'],
      formatter: require.resolve('react-dev-utils/eslintFormatter'),
      eslintPath: require.resolve('eslint'),
      failOnError: !(isEnvDevelopment && emitErrorsAsWarnings),
      context: paths.appSrc,
      cache: true,
      cacheLocation: path.resolve(
        paths.appNodeModules,
        '.cache/.eslintcache'
      ),
      // ESLint class options
      cwd: paths.appPath,
      resolvePluginsRelativeTo: __dirname,
      baseConfig: {
        extends: [require.resolve('eslint-config-react-app/base')],
        rules: {
          ...(!hasJsxRuntime && {
            'react/react-in-jsx-scope': 'error',
          }),
        },
      },
    }),