Vue 3/TypeScript -无法导入缺少导出默认值的接口BC?

n3h0vuf2  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(196)

我写了一个接口,我想在我的组件中使用。但是,似乎我不能真正导入接口,我看不到原因。
下面是重要的代码:
我的界面在src/types/Job.ts中

interface Job {
  name: string,
  salary: string,
  isPopular: boolean
}

export default Job

我的App.vue设置功能和导入:

<script lang="ts">
import { defineComponent, ref } from 'vue'
import Job from './types/Job'

export default defineComponent({
  setup() {
    const jobs = ref<Job[]>([
      {
        ...
      },
      {
        ...
      }
    ])

    return { jobs }
  }
})

作为一个错误,我得到以下:

Uncaught SyntaxError: The requested module '/src/types/Job.ts' does not provide an export named 'default' (at App.vue:55:8)

我真的很想知道为什么或者少了什么。有人知道吗?

dhxwm5r4

dhxwm5r41#

尝试在import关键字后添加type

import type Job from './types/Job'

相关问题