未定義錯誤'文檔'：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" 
    } 

我面臨着同樣的問題，它的工作很適合我。