Ошибка: «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>
Мой источник/типы/Job.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"
}
и я просто попытался изменить логические значения "isolatedModules" и "preserveValueImports" в tsconfig.config.json
Вам нужно изменить эту строку:
import { defineComponent, PropType} from 'vue'
К этим строкам:
import { defineComponent } from 'vue'
import type { PropType } from 'vue'