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

j5fpnvbx  于 2022-12-18  发布在  React
关注(0)|答案(7)|浏览(558)

这个问题安装后React
enter image description here

hsgswve4

hsgswve41#

我遇到了同样的错误。
您创建此应用程序的路径位于:

\Users\TONMOY\Onedrive\feedback-ui\

路径名区分大小写。您在中创建的应用区分大小写,因此您在文件夹...\Onedrive\.....中创建了应用,而设备中的正确路径为...\OneDrive\....
这可能是VS代码的问题。
我找到的解决方法是,在Visual Studio终端中,我导航到正确的文件夹路径,大小写正确,在您的情况下应该是

\Users\TONMOY\OneDrive\feedback-ui\

在此之后,从VS代码终端运行您的应用程序应该可以正常工作。这在VisualStudio代码中对我有效。
更新:这只是一个临时的修复。在重新启动VS代码时,它会恢复到错误的情况。
相反,你可以加载VS代码并浏览你的系统目录,然后手动选择你的项目文件夹。这样做之后,即使重新启动,路径的大小写也不会恢复。

u7up0aaq

u7up0aaq2#

我去了node_modules/react-scripts/config。实际上这是另一个文件夹,没有你上面提到的文件。

apeeds0o

apeeds0o3#

再次安装节点模块软件包。npm i

frebpwbc

frebpwbc4#

这对我来说也是有效的,进入文件webpack.config.js位于:node_modules〉react-scripts〉config,我对文件末尾的所有摘录进行了注解:评论此部分

!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',
              }),
            },
          },
        }),

谢谢

bzzcjhmw

bzzcjhmw5#

我在返回旧的react项目时遇到这个错误。我必须更新react-scripts包。有关如何更新的信息可以在这里找到:
https://create-react-app.dev/docs/updating-to-new-releases/

g52tjvyc

g52tjvyc6#

我遇到了同样的问题,如果运行npm ls eslint-config-react-app来查看配置和使用的包,或者运行npm update eslint,然后最后重新运行npm start,应该会像预期的那样工作。

wixjitnu

wixjitnu7#

我做了什么来解决这个问题,我进入文件webpack.config.js位于:node_modules〉react-scripts〉config和我对文件末尾的所有摘录进行了注解:

!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',
          }),
        },
      },
    }),

相关问题