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

Ответ 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