reactjs - 由于弹出后出现 lint 警告，无法编译 create-react-app

Question

我一直在学习 React 类(class)。下一步是使用 npm runject 以便可以使用 css 模块。

自从弹出后我无法使用 npm start。该页面无法编译。出现一长串 linting 警告(实际上似乎来自 webpack 配置文件)。

我为这些文件和其他文件创建了一个 .eslintignore 文件:

./reactNotes.jsx
./nodeTest.js
./config
./scripts

但是我的代码编辑器(与代码)或 webpack 似乎都没有注意到这个文件。 eslint 已全局安装。

我还研究了 eslint 的 webpack 配置，其中包括排除等选项:

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

VS Code 在我的用户设置中启用了 eslint。

如何设置 webpack(甚至可能是 vs code)来忽略目录和文件？

更新:这里是.eslintrc:

{
    "parser": "babel-eslint",
    "extends": "react-app",
    "plugins": [
        "react",
        "jsx-a11y",
        "import"
    ],
    "rules": {
        "linebreak-style": [
            "error",
            "windows"
        ],
        "indent": [
            "error",
            4
        ],
        "react/prop-types": 0,
        "react/jsx-indent": 0,
        "jsx-a11y/click-events-have-key-events": 0,
        "jsx-a11y/no-noninteractive-element-interactions": 0,
        "max-len": 0,
        "arrow-body-style": 0,
        "react/jsx-indent-props": 0,
        "react/no-unescaped-entities": 0,
        "react/jsx-no-bind": 0,
        "arrow-parens": 0,
        "react/no-array-index-key": 0
    }
}

npm install 和重新启动浏览器也不起作用。

Answer 1

在你的eslintigonre中，尝试改变

./config
./scripts

至

config/
scripts/

在 ESLint 的文档中，它统计了:

Ignore patterns behave according to the .gitignore specification

您可以找到完整的规范here