typescript - 键入 Vue3 组件函数参数时出错，意外标记（冒号）

Question

我有一个 Vue3 打字稿组件：

//Dummy2.vue
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  setup() {
    function test(arg: string) {
      console.log(arg)
    }
  }
})
</script>

运行eslint src/components/Dummy2.vue导致错误：

  5:21  error  Parsing error: Unexpected token :

function test(arg: string)改成后错误消失function test(arg)。

我的 eslint 配置是：

//eslintrc.js
module.exports = {
  env: {
    node: true
  },
  extends: [
    'eslint:recommended',
    'plugin:vue/vue3-recommended',
    'plugin:prettier-vue/recommended',
    'prettier'
  ]
}

如何在保持输入函数参数的同时摆脱这个 eslint 错误？

标签： typescriptvue.jsvuejs3