create-react-app关闭eslint提醒

create-react-app关闭eslint提醒(亲)


create-react-app关闭eslint提醒_第1张图片

在create-react-app框架下的react项目中,定义变量,未使用会出现如下报错:


create-react-app关闭eslint提醒_第2张图片


解决方案:1: 运行npm run eject

            注意:这是一个单向操作,一旦你使用eject,那么就不能恢复了 使用说明:如果你对create-react-app这个构建工具和配置项不满意,你可以在任何时候eject,从而导出可配置的模板,这个命令可以移除到项目的单一构建依赖,取而代之的是将配置文件和项目依赖到导入到你的项目中,你可以随意支配他们,之后除了eject命令以外其余的命令都是可用的,这些命令也是可配置的,所以这时候你就可以操作他们了,不得不说这个逼装的可以,不就是变成vue-cli类似了吗,关于react的配置文件,容我日后再总结出来 你不是非要使用这个功能,原来的模板指定的功能在中小项目中有很好的表现,你没有必须使用npm run eject的义务,但是作为牛逼的我们意识到如果这个构建工具不能自定义那么鸟用都没有

                  2: 在package.json文件中配置:


"eslintConfig": {
    "extends": "react-app",
    "rules": {
      "no-undef": "off",
      "no-restricted-globals": "off",
      "no-unused-vars": "off"
    }
  }

如图:


create-react-app关闭eslint提醒_第3张图片


eslint规则:

"off" 或者 0:关闭规则。

"warn" 或者 1:打开规则,并且作为一个警告(不影响exit code)。

"error" 或者 2:打开规则,并且作为一个错误(exit code将会是1)。


(配置完成记得重新"npm start"  = >完美解决)

注意:配置的过程中,会出现如下错误、


create-react-app关闭eslint提醒_第4张图片

解决方案如下:执行npm install(安装开发依赖项) 

但可能执行npm install之后还会出现问题(出现这个问题的前提是我使用cnpm install,可能有些依赖项没有完全下载)



create-react-app关闭eslint提醒_第5张图片



你可能感兴趣的:(react,Eslint,es)