1

官方 vue文档和 github建议您通过包含以下 sfc.d.ts 文件在 Typescript 中启用 .vue 文件扩展支持：

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}

但这似乎与 Vetur 插件冲突。在我的.vue组件中，当我使用 sfc.d.ts 文件时，完全禁用了路径/文件检查导入！此外，.vue 文件中的更改不再反映在自动完成中。

索引.ts

// only works WITH the sfc.d.ts file
import App from './components/app.vue'

应用程序.vue

<template></template>
<script lang="ts">
    // import only works WITHOUT the sfc.d.ts file!
    import Card from "./card.vue"  
</script>

这是 Vetur 的故障吗？如何在打字稿中启用 .vue 文件类型而不会弄乱单文件组件代码完成？

4

0 回答 0