【Vue.JS】Expected indentation of 0 spaces but found 2 Missing space before function parentheses

使用 webstorm 运行 vue 项目时。报错如下：

WARNING  Compiled with 1 warnings
✘  http://eslint.org/docs/rules/indent                       Expected indentation of 0 spaces but found 2src\components\NewHello.vue:8:1export default {
✘  http://eslint.org/docs/rules/indent                       Expected indentation of 2 spaces but found 4src\components\NewHello.vue:10:1data() {
✘  http://eslint.org/docs/rules/space-before-function-paren  Missing space before function parenthesessrc\components\NewHello.vue:10:9data() {✘ 3 problems (3 errors, 0 warnings)Errors:2  http://eslint.org/docs/rules/indent1  http://eslint.org/docs/rules/space-before-function-paren

该报错是由于 Vue 项目初始化时，默认生成的验证规则（eslintrc.js）文件验证失败导致。

报错信息很清楚。
1、缩进允许 0 个空格，但是发现了 2 个；
2、缩进允许 2 个空格，但是发现了 4 个；
3、方法插入之前丢失了空格

因为在 eslint 中。默认的规则下，script 内容首行不缩进，内容依照层次一次缩进 2 个空格，方法和括号之间需要一个空格。

而编辑器的格式化可能与 eslint 的规则不太一致，所以导致了如上报错。

解决的办法也很简单。
有两种：
1、修改 IDEA 的设置，将 JS 文件的 Formatter 规则修改与 eslint 的检验规则一致。
2、修改 eslint 的检验规则，忽略对缩进、空格等并不重要的一些规则的验证。（推荐）

进入 eslintrc.js 文件。在 rules 中，加入以下三个规则，忽略对缩进、空格的检查：

'no-tabs':'off',
'indent':'off',
'space-before-function-paren':0

重新运行

npm run devDONE  Compiled successfully in 5142msI  Your application is running here: http://localhost:8080

【Vue.JS】Expected indentation of 0 spaces but found 2 Missing space before function parentheses相关推荐

【Vue.js】实现随机抽奖
[Vue.js]实现随机抽奖代码实例 <!DOCTYPE html> <html lang="en"><head><meta chars ...
数据可视化清新版【chart.js】学习笔记8.0—极地图(Polar Area)
Polar Area--(极地图) 极地面积图类似于饼图,但每个线段具有相同的角度 - 线段的半径因值而异.当我们想要显示类似于饼图的比较数据,同时也要显示上下文的值的范围时通常使用这种类型的图表. ...
【Vue.JS】Render 实现留言板实例及 Avoid mutating a prop directly 错误处理
声明:文中代码整体思路来源于梁灏编著的 [Vue.JS 实战]一书,学习过程中发现一处问题.以做记录效果图代码 index.html <!DOCTYPE html> <htm ...
【Vue.JS】Vue.JS 表格内容排序组件，Render函数的使用
声明:文中代码整体思路来源于梁灏编著的 [Vue.JS 实战]一书,学习过程中因觉得该组件效果不错,比较实用,所以记录一份并做了详细的注释以供学习效果图代码 index.html <!D ...
【vue.js】+云存储（实现图片上传功能）
利用vue.js+element-ui实现云存储上传图片功能文章目录前言一.对象存储二.配置腾讯云Cos 1.引入库第一步拥有腾讯云的开发者账号实名认证三.新建文件上传组件新建上传图片 ...
【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍轻量级.可靠的移动端 Vue 组件库有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性拥 ...
【Vue.JS】纯 Vue.js 制作甘特图
效果图在线预览 GitHub链接(包含 knockoutJS 版本与 Vue 版本) 推荐组合效果推荐与双表头固定效果组合,实现如上例中横表头(日期)纵向固定,纵表头(类型)横向固定效果. 参照连 ...
【Vue.js】Vue 学习笔记
概念: 渐进式框架: "渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分." "大概就是你不必一开始就用Vue所有的全家桶,根据场景, ...
【前端】【vue.js】【参考项目】vue-konva-project
概述目标制作在线ppt编辑排版网页,支持插入文本框,图片,添加操作逻辑人性的缩放移动功能项目地址 CSDN博客 GitHub项目项目介绍实现类似美图秀秀网页版的拼图工具项目框架 vue.j ...

【Vue.JS】Expected indentation of 0 spaces but found 2 Missing space before function parentheses

【Vue.JS】Expected indentation of 0 spaces but found 2 Missing space before function parentheses相关推荐

最新文章

热门文章