未定义错误'文档'：eslint/React

Question

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

运行eslint时出现以下错误： 8：3错误'document'未定义no-undef。

下面是.jsx文件和我的eslint配置。 我的应用程序运行时没有错误，但是我在2个文件中得到了这个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 environment documentation。

Answer 2

在你package.json，指定开玩笑测试环境为"jsdom"如下：

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

我面临着同样的问题，它的工作很适合我。