官方vue docs and github建议您通过包含此sfc.d.ts文件在Typescript中启用.vue文件扩展名支持:
declare module "*.vue" {
import Vue from 'vue'
export default Vue
}
但这似乎与Vetur插件冲突。在我的.vue
组件中,当我使用sfc.d.ts文件时,完全禁用了对导入的路径/文件检查!此外,.vue文件中的更改不再反映在自动完成中。
index.ts
// only works WITH the sfc.d.ts file
import App from './components/app.vue'
app.vue
<template></template>
<script lang="ts">
// import only works WITHOUT the sfc.d.ts file!
import Card from "./card.vue"
</script>
这是Vetur的故障吗?如何在打字稿中启用.vue文件类型而不会弄乱单文件组件代码完成?