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 {}