vue使用ESLint规则时， Missing space before function parentheses等格式问题

引发错误的原因是代码格式化插件和ESLint的规则冲突。

要么1、卸载所有的代码格式化插件

2、自定义ESLint的规则使其符合习惯

3、关闭ESLint

 

2、

去官网复制错误代码可以搜索对应的解决方案

https://eslint.org/docs/rules/space-before-function-paren#require-or-disallow-a-space-before-function-parenthesis-space-before-function-paren

比如 Missing space before function parentheses

可以查到以下内容：

选项

此规则具有字符串选项或对象选项：

• always（默认值）需要一个空格后跟(参数。
• never不允许任何空格后跟(参数。

字符串选项不检查异步箭头函数表达式以实现向后兼容性。

您还可以为每种类型的函数使用单独的选项。下列选项每一个都可以被设置为"always"，"never"或"ignore"。默认是"always"。

• anonymous用于匿名函数表达式（例如function () {}）。
• named用于命名函数表达式（例如function foo () {}）。
• asyncArrow用于异步箭头函数表达式（例如async () => {}）。

在效果示例中可以看到：

 

所以打开文件夹中的eslintrc.js文件

 

在内容中插入

eslint space-before-function-paren: ["error", "never"]

 

重新运行一次 npm run dev（重要！不然不会生效）

 

3、

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。

但是有时候会被ESLint的报错阻止程序的运行，这时候我们就想关闭这个ESLint了。

在vue项目中关闭ESLint方法：找到build文件夹--->webpack.base.conf.js---->module

将这些代码注释掉，如图：

然后重启服务，npm run dev 就可以了。