前端项目(React)接入eslint静态代码检查及一些问题解决方案

一、eslint

eslint是前端js静态代码检查工具，帮助我们规范代码和发现一些潜在的bug

官方使用说明：https://eslint.org/

二、安装

确保已经安装node环境

1.安装依赖包eslint

npm install eslint --save-dev

2.设置package.json文件

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

3.初始化eslint

本例以react项目为例，vue或其他项目按照提示选择即可

npm run lint:create

默认选择即可

创建完后根目录会出现.eslintrc.js文件

.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends&#