项目小记：error Unexpected trailing comma comma-dangle

项目小记：error Unexpected trailing comma comma-dangle

一、问题描述

报错：error Unexpected trailing comma comma-dangle

<script> 
    export default { 
    name: 'App', 
    data() { 
        return { 
            date: '', 
            week: '', 
            time: '', 
        } 
    } 
} 
</script>

原因：这种情况是由于VS Code在使用Vetur格式化vue代码的时候，会在代码的最后多加了一个逗号，导致过不了eslint的js格式化要求，所以报错。

二、解决方法

方法一、 在time字段的后面多了一个逗号，可以手动去除

方法二、修改VS Code中Vetur插件的配置

— 在插件中找到Vetur，点击设置按钮，在弹出的菜单中选择扩展设置，如下图：

—找到Vetur > Format > Default Formatter: JS，在下拉选择框中选择vscode-typescript即可

完美解决此问题！