javascript - 解决文档的 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'),
);

短绒 说：

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

我怎么解决这个问题？

Answer 1

有很多方法可以解决/解决这个问题。两种关键方法是指定document为global或设置eslint-env为browser（您可能想要的）。您可以这样做 1) 在文件中，2) 在配置中，甚至 3) 从 CLI 运行时。

1) 文件内：

1. 按照文件中的方式设置环境browser：

   /* eslint-env browser */
   import React from 'react';
   import ReactDOM from 'react-dom';
   import App from './App';
   
   ReactDOM.render(
     <App />,
     document.getElementById('root'),
   );
   

2. 在文件本身中将其添加为全局：

   /* global document */
   import React from 'react';
   import ReactDOM from 'react-dom';
   import App from './App';
   
   ReactDOM.render(
     <App />,
     document.getElementById('root'),
   );
   

2）在eslint配置中：

1. 按照配置设置环境browser：

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

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

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

3) 从命令行：

1. 使用环境：eslint --env browser,node file.js

2. 使用全局变量：eslint --global document file.js

资源：
用 ESLint 指定全局 用 ESLint
指定环境 用
ESLint CLI 指定 env 用 ESLint CLI
指定全局