目录
注意: 三种方案只可以使用一种,看自己的需求,三种方案会有一种适合你的报错
想知道解决方案的原理,可以阅读 space-before-function-paren 规则,如下
space-before-function-paren 规则:
{"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'],
以上三种方案都试过后,其中会有一种方法就可以解决问题啦 ,这是最快的解决方案,每个都尝试一遍;