忽略或阻止ESLint错误破坏React项目中的构建（create-react-project）

Question

我最近用create-react-project创建了一个项目。

问题在于，在我开发的过程中，每次ESLint出现问题时，构建都会中断并且不会编译代码。

我是否可以保持构建运行，同时仍然运行ESLint并报告我稍后会修复的错误？

Answer 1

如果要强制ESLint始终发出警告（不会阻止您构建）而不是错误，则需要设置emitWarning: true：

{
    enforce: 'pre',
    include: paths.appSrc,
    test: /\.(js|jsx|mjs)$/,
    use: [{
        loader: require.resolve('eslint-loader'),
        options: {
            formatter: eslintFormatter,
            eslintPath: require.resolve('eslint'),
            emitWarning: true, 👈 HERE
        },
    }],
},

As stated in the docs：

错误和警告

默认情况下，加载程序将根据eslint错误/警告计数自动调整错误报告。您仍然可以使用emitError或emitWarning选项强制执行此操作：

• emitError（默认：false） 如果此选项设置为true，则Loader将始终返回错误。
• emitWarning（默认：false） 如果选项设置为true，Loader将始终返回警告。如果您正在使用热模块替换，您可能希望在开发中启用此功能，否则在出现拼装错误时将跳过更新。
• ...

Answer 2

好吧，我刚从webpack配置中注释了这一行

  // {
  //   test: /\.(js|jsx|mjs)$/,
  //   enforce: 'pre',
  //   use: [
  //     {
  //       options: {
  //         formatter: eslintFormatter,
  //         eslintPath: require.resolve('eslint'),
  //
  //       },
  //       loader: require.resolve('eslint-loader'),
  //     },
  //   ],
  //   include: paths.appSrc,
  // },