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

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

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

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

linter говорит:

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

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

Ответ 1

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

1) In-file:

Задайте окружение как browser в вашем файле:

/* eslint-env browser */
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

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

Добавьте его как глобальное в сам файл:

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

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

2) В конфигурации eslint:

Задайте среду как browser в конфигурации:
```
{
  "env": {
    "browser": true,
    "node": true
  }
}
```
Добавьте его в качестве глобальной конфигурации:
```
{
  "globals": {
    "document": false
  }
}
```

3) Из CLI:

Использование env: eslint --env browser,node file.js
Использование глобальных символов: eslint --global document file.js

Ресурсы:
Указание глобалов с помощью ESLint
Определение окружения с помощью ESLint
Указание env с CLI ESLint
Указание глобальных переменных с помощью CLI ESLint