[Question] vue3.4之后tsx中使用指令（例如vModel）会报错

[rainmanhhh]

vue3.4官方推荐用"jsxImportSource": "vue"来引入tsx类型定义，手动写在shims.d.ts中的定义不起作用：

declare namespace JSX {
  export interface IntrinsicAttributes {
    vIf?: unknown
    vElseIf?: unknown
    vElse?: unknown
    vShow?: unknown
    vHtml?: unknown
    vText?: unknown
    vModel?: unknown
    vSlots?: {
      default?: Slot
      [key: string]: Slot
    }
  }
}

怎么修改呢

[zhiyuanzmj]

你可以试试 加一个type

// tsconfig.json

{
 "compilerOptions": {
    "types": ["vue/jsx"]
  }
}

[zhiyuanzmj]

对了如果你想用 v-model v-if v-for v-slot 等指令 并且有类型提示 可以试试
https://vue-macros.dev/features/jsx-directive.html