常见的vue错误

╰+哭是因爲堅強的太久メ 2022-12-07 15:30 522阅读 0赞

**一、常见的格式化或eslint验证错误**

*  **`error` Strings must use singlequote quotes**

字符串必须使用单引号

*  **`error` Extra semicolon semi**

额外分号半 (;)

*  **`error` Trailing spaces not allowed no-trailing-spaces**

不允许有尾随空格没有尾随空格

*  **`error` Missing space before function parentheses space-before-function-paren**

函数前缺少空格括号函数前有空格括号

*  **`error` Newline required at end of file but not found eol-last**

在文件末尾需要换行符，但在最后一个eol中找不到。

这个错误很神奇代码，必须在代码**结尾增加一个换行**，多一个换行空格都不行

![format_png][]

因此我们需要将VS code 的某些格式化功能清除掉

*  Strings must use single quote

![20181212141740120.png][]

解决方法：把双引号改为单引号就行了

*   Property name "xxx" is not PascalCase

首字母需要大写，写成小写的就会报错

*  **Expected space or tab after ‘//’ in comment**

注释中“ //”后的预期空格或制表符

![format_png 1][]

这段要注释的文字, **写完之后**,再去按 **ctrl + /**去注释这样就不会报错了

*  The "props" property should be above the "data" property on line 33

原因：props必须在data前面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmcxMzkzMjE0ODg3_size_16_color_FFFFFF_t_70][]

*  data functions should return an object

在 data () \{\},里没有返回(return)  需要写成 data()\{ return\{ \}  \}

![return][]  
参考：[VS code 自动保存与vue cli+eslint格式化冲突简单解决办法][VS code _vue cli_eslint]

[format_png]: /images/20221123/f8afe19598234f8f9645cf84cc08ffa4.png
[20181212141740120.png]: /images/20221123/d2e161f0797d4f7faa939634c4266abf.png
[format_png 1]: /images/20221123/8c9f36be519540b898932871f2c6b4d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmcxMzkzMjE0ODg3_size_16_color_FFFFFF_t_70]: /images/20221123/c81baa98cf3943388eb1500e5bd66c06.png
[return]: /images/20221123/6f74f027e3d24ba09b3fdf567ef4dd19.png
[VS code _vue cli_eslint]: https://www.jianshu.com/p/f2c58af1911c