[plugin:vite:vue] [vue/compiler-sfc] Unexpected token, expected ',' 错误解决 - Vue 中对象属性语法

[plugin:vite:vue] [vue/compiler-sfc] Unexpected token, expected ',' 错误解决 - Vue 中对象属性语法

该错误是由于在代码中使用了错误的语法导致的。在 Vue 中，定义对象属性时不需要使用分号，应该使用逗号。

错误代码示例:

const formData = reactive<VersionForm>({
    versionId: null;  //唯一主键
    // client: null;     //客户端系统：Android
    // versionNo: null;  //版本号
});

正确代码:

const formData = reactive<VersionForm>({
    versionId: null,  //唯一主键
    // client: null,     //客户端系统：Android
    // versionNo: null,  //版本号
});

原因:

在 JavaScript 中，定义对象属性时需要使用冒号 : 来将属性名和属性值分开，属性之间使用逗号 , 分隔。分号 ; 通常用于语句结束，不能用于定义对象属性。

总结:

在 Vue 中定义对象属性时，请确保使用逗号 ， 来分隔属性，而不是分号 ；。这将避免“[plugin:vite:vue] [vue/compiler-sfc] Unexpected token, expected ','” 错误。