解决文档的 linter 错误 no-undef

Question

我正在使用 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

我该如何解决这个问题？

Answer 1

有很多方法可以 solve/get 解决这个问题。两种关键方法是将 document 指定为 global 或将 eslint-env 设置为 browser（您可能想要的）。您可以在 1) in-file、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：

使用环境：eslint --env browser,node file.js
使用全局变量：eslint --global document file.js

资源：
Specifying Globals with ESLint
Specifying Environments with ESLint
Specifying env with ESLint CLI
Specifying globals with ESLint CLI

解决文档的 linter 错误 no-undef

Solving linter error no-undef for document

javascript

eslint

eslint-config-airbnb