错误'document'未定义:eslint/React

Question

我正在使用create-react-app构建一个React应用程序.

运行ESLint时出现以下错误:
8:3 error 'document' is not defined no-undef.

我的应用程序运行没有错误,但我在2个文件中得到此ESLint错误.请参阅其中一个.jsx文件和我的ESLint配置.

index.jsx:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
  <App />,
  document.getElementById('root'),
);

eslintrc.js:

module.exports = {
  "extends": "airbnb",
  "plugins": [
      "react",
      "jsx-a11y",
      "import"
  ],
  "env": {
    "jest": true
  }
};

我怎样才能解决这个问题 ？目前我只会忽略这两个文件......但我宁愿找到一个长期的解决方案.

Answer 1

添加"browser": true您的env包括全局变量(如文件,窗口等)

有关更多信息,请参阅ESLint环境文档.

Answer 2

在您的eslint.rc文件中设置一个env属性，例如

{
    "env": {
        "browser": true,
        "node": true
    }
}

Answer 3

如果您有.eslintrc.json文件，请添加以下代码片段。

{
    ...otherSettings,
    "env": {
        "browser": true,
        "node": true
    }
}

如果没有，.eslintrc.json您可以在文件中添加这些设置package.json。

{
    ...otherSettings,
    "eslintConfig": {
      "globals": {
        "window": true
      }
    }
}

Answer 4

在您的中package.json，指定用于笑话的测试环境，"jsdom"如下所示：

  "jest": {
    "testEnvironment": "jsdom"
  }

我遇到了同样的问题，对我来说效果很好。