如何在 TypeScript Nuxt.js 应用程序中自动导入类型？

Question

我想在 Nuxt.js 应用程序中使用我的自定义类型，并希望它们自动导入我制作的每个组件。我编辑了 tsconfig.js 并将"include": ["**/*.ts", "**/*.vue", "**/*.tsx"]我的类型放入types/index.d.ts：

export interface IUser {
name: string
address: string
}

但是当我编译应用程序时，它说Cannot find name 'IUser'我let users: IUser[] = [] 只是不想将类型导入IUser到每个组件。如何使 Nuxt.js 导入类型定义随处可见？

Answer 1

声明全局。

// types/index.d.ts
declare global {
  interface IUser {
    name: string
    address: string
  }
}

export {};

// components/whatever.vue
<script setup lang="ts">
const props = defineProps<{ user: IUser }>();
</script>