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依赖内容缺失
tips
- ESLint v7.0.0 发布:不再支持 Node.js v8