Устранение ошибки linter-no-undef для документа

Question

Я использую расширение airbnb для реализации проекта React Project. Теперь в моем index.js у меня есть:

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

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

ЛИНТЕР говорит:

no-undef 'document' is not defined.at line 8 col 3 

Как я могу решить эту проблему?

Answer 1

Существует множество способов решения/обойти это. Два ключевых способа: либо указать document как global, либо установить eslint-env как browser (что вы, вероятно, захотите). Вы можете сделать это: 1) в файле, 2) в конфигурации или даже 3) при запуске из CLI.

1) В-файле:

1. Установите среду как browser в файле:

   /* eslint-env browser */ 
   import React from 'react'; 
   import ReactDOM from 'react-dom'; 
   import App from './App'; 
   
   ReactDOM.render(
       <App />, 
       document.getElementById('root'), 
   ); 
   

2. Добавить это как глобальный в самом файле:

   /* global document */ 
   import React from 'react'; 
   import ReactDOM from 'react-dom'; 
   import App from './App'; 
   
   ReactDOM.render(
       <App />, 
       document.getElementById('root'), 
   ); 
   

2) В eslint co nfiguration:

1. Установите среду как browser в конфигурации:

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

2. Добавить это как глобальная в конфигурации:

   { 
       "globals": { 
       "document": false 
       } 
   } 
   

3) Из CLI :

1. Использование ENV: eslint --env browser,node file.js

2. Использование Глобалы: eslint --global document file.js

Ресурсы:
Specifying Globals with ESLint
Specifying Environments with ESLint
Specifying env with ESLint CLI
Specifying globals with ESLint CLI