ESLint 中的“ space-before-function-paren ”相关报错及其解决方案

目录

出现的问题及其报错：

 报错原因：

解决方案：

方案一： 

方案二： 

方案三： 

 注意: 三种方案只可以使用一种，看自己的需求，三种方案会有一种适合你的报错

想知道解决方案的原理，可以阅读 space-before-function-paren 规则，如下

space-before-function-paren 规则:

规则细节

选项

“always”

“never”

{"anonymous": "always", "named": "never", "asyncArrow": "always"}

{"anonymous": "never", "named": "always"}

{"anonymous": "ignore", "named": "always"}

何时不使用

相关规则

版本

---

出现的问题及其报错：

在 VScode 中，在使用带有 ESLint 工具的项目中，保存会发现报错，并且修改好代码格式后，保存会发现代码格式依然出现问题：

 报错原因：

 “ space-before-function-paren ” 英文 翻译为 中文 为“函数参数前的意外空格”

报这个错误的原因是 函数名称 或 function关键字 与开始参数之间缺少空格（或多出空格），可以通过修改 eslint 的配置文件来更改语法检测规则

在--fix命令行上的选项可以自动修复一些被这条规则反映的问题。

格式化函数时，函数名称或function关键字与开始参数之间允许有空格。命名函数还需要function关键字和函数名称之间的空格，但匿名函数不需要空格。

解决方案：

方案一： 

打开 .eslintrc.js 文件，并在  rules 中添加如下一行代码即可：

 "space-before-function-paren": 0,

方案二： 

 打开 .eslintrc.js 文件，并在  rules 中添加如下一行代码即可：

'space-before-function-paren': ['error', 'never', { 
                                           anonymous: 'always', 
                                           named: 'always', 
                                           asyncArrow: 'always' 
                                         }],

方案三： 

 打开 .eslintrc.js 文件，并在  rules 中添加如下一行代码即可：

'space-before-function-paren': ['error', 'never'],

以上三种方案都试过后，其中会有一种方法就可以解决问题啦 ，这是最快的解决方案，每个都尝试一遍；

 注意: 三种方案只可以使用一种，看自己的需求，三种方案会有一种适合你的报错

想知道解决方案的原理，可以阅读 space-before-function-paren 规则，如下