eslint 配置流程及问题处理记录

使用

// 1. 安装
npm i -D eslint

// 2. 配置package.json

// 3. 使用
npm run lint:create

// 4. 编写代码

// 5. lint
npm run lint

package.json配置

"scripts": { 
    "lint": "eslint src --fix",
    "lint:create": "eslint --init"
  },

常见报错处理

// 报错前代码：
import { useState, useEffect, Fragment } from 'react';

// 报错信息
'React' must be in scope when using JSX react/react-in-jsx-scope

// 修改后代码
import React, { useState, useEffect, Fragment } from 'react';

// 报错信息
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! keymap@0.1.0 lint: `eslint src --fix`
npm ERR! Exit status 1

// 解答
eslint 并不能修正所有代码，查看 eslint 文档就可以看到了，--fix 只能修正那些 fixable 的规则。

当 eslint 检测到错误或者警告时，会返回非 0 的代码，此时就会出现 npm ERR!

所以看到 npm ERR 不要大惊小怪，不是程序运行错误，而是你的代码有问题。

报错信息：

原因分析：
配置文件中extends依赖内容缺失