武伊斯|从'vue'导入{ PropType }时出错

m4pnthwp  于 2022-11-30  发布在  Vue.js
关注(0)|答案(1)|浏览(190)

错误:“PropType”是一个类型,当“preserveValueImports”和“isolatedModules”都启用时,必须使用仅类型导入进行导入。ts(1444)
我的“JobsList.vue”组件:

<script lang="ts">
import { defineComponent, PropType } from 'vue'

import type Job from '../types/job'

export default defineComponent({
    props: {
        jobs: {
            required: true,
            type: Array as PropType<Job[]>
        }
    }
})
</script>

<template>
    <section>
        <ul>
            <li v-for="job in jobs" :key="job.id">{{ job.title }}</li>
        </ul>
        
    </section>
</template>

我的来源/类型/工作.ts:

interface Job {
    title: string;
    location: string;
    salary: number;
    id: string;
}

export default Job;

依赖关系版本:

"dependencies": {
    "vue": "^3.2.41"
  },
  "devDependencies": {
    "@types/node": "^16.11.68",
    "@vitejs/plugin-vue": "^3.1.2",
    "@vue/tsconfig": "^0.1.3",
    "npm-run-all": "^4.1.5",
    "typescript": "~4.7.4",
    "vite": "^3.1.8",
    "vue-tsc": "^1.0.8"
  }

我只是尝试更改tsconfig.config.json中的“isolatedModules”和“preserveValueImports”布尔值

vqlkdk9b

vqlkdk9b1#

您需要更改此行:

import { defineComponent, PropType} from 'vue'

到这些行:

import { defineComponent } from 'vue'
import type { PropType } from 'vue'

相关问题