vue tsx 原生属性报错解决方案

vue tsx 原生属性报错解决方案

当前依赖

├── @vitejs/plugin-vue-jsx@3.1.0
├── @vitejs/plugin-vue@5.0.4
├── element-plus@2.6.3
├── naive-ui@2.38.1
├── typescript@5.4.5
├── vite@5.2.8
├── vue-tsc@2.0.12
└── vue@3.4.21

方法0

官方方法，修改 tsconfig.json，截止写文章时，这个方法没用，具体请查看我提的 issue

// tsconfig.json
{
    "vueCompilerOptions": {
  		"strictTemplates": false,
    }
}

方法1

手动添加类型声明

//env.d.ts
import type { HTMLAttributes } from "vue";

declare module 'vue' {
  export interface AllowedComponentProps extends HTMLAttributes {}
}

export {}