Vue项目报错总结

这里分享新手写Vue项目常见的几个语法bug以及解决方案

报错一：Missing space before function parentheses space-before-function-paren

原因：使用eslint时，严格模式下，方法名和括号之间需要有一个空格

解决方法：在函数名和括号之间添加空格

data () {  // 小括号前要有空格
	return {
	// 这是登录表单的数据绑定对象
	loginForm: {}
	}
}

报错二：Strings must use singlequote (quotes) at xxxxxxx

原因：使用eslint时，严格模式下，vue文件当中不允许使用双引号，只能用单引号

解决方法：将vue文件中的双引号全部换成单引号

报错三：Exmicolon (semi) at xxxxxxx

原因：使用eslint时，严格模式下，vue文件当中不允许出现分号

解决方法：将vue文件中的所有分号删除

报错四：error Unexpected trailing comma comma-dangle

原因：使用eslint时，严格模式下，对象、数组等字面量的最后一项后面不能有逗号

解决方法：删除对象、数组等字面量的最后一项后面的逗号

loginForm: {
        username: '',
        password: '',  // 这里多加了一个逗号
      }

如何彻底解决以上四个问题？

在eslintrc文件中找到rules节点，配置如下代码

因为这里修改了配置文件，因此必须重启服务器才能生效！

报错五： error Identifier ‘attr_id’ is not in camel case camelcase
原因：eslint规则中不允许在属性名称下面使用"_"
解决方法：删除单词间的下划线