解决文档的linter错误no-undef

我正在使用airbnb扩展来绘制我的React项目.现在,在我的index.js身上:

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

ReactDOM.render(
  ,
  document.getElementById('root'),
);

linter说:

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

我怎么解决这个问题？

有很多方法可以解决/解决这个问题.两个关键方式是指定documentas global或设置eslint-envas browser(你可能想要的).您可以在配置中执行此1)in-file,2),或者甚至3)从CLI运行时.

1)档案内:

像browser在文件中一样设置环境:

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

ReactDOM.render(
  ,
  document.getElementById('root'),
);

将其添加为文件本身的全局:

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

ReactDOM.render(
  ,
  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
指定环境
使用ESLint CLI 指定env使用ESLint CLI
指定全局