javascript – 解决文件的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

我怎么解决这个问题？

解决方法:

有很多方法可以解决/解决这个问题.两种关键方式是将文档指定为全局或将eslint-env设置为浏览器(您可能想要的).您可以在配置中执行此1)in-file,2),或者甚至3)从CLI运行时.

1)档案内：

>将环境设置为文件中的浏览器：

/* 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配置中：

>在配置中将环境设置为浏览器：

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

>在配置中将其添加为全局：

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

3)从CLI：

>使用env：eslint –env browser,node file.js
>使用globals：eslint –global document file.js

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

标签：javascript,eslint,airbnb
来源： https://codeday.me/bug/20190930/1835095.html