导入Typescript文件时找不到Vue模块

Question

我有一个Vue项目，它使用单个文件类组件和Typescript加载器。 我将VS Code与Vetur插件一起使用，以在单个文件.vue组件中获得非常出色的代码完成率。 除了在我的entry.ts文件中创建根Vue组件之外，此方法都工作正常：

在entry.ts中，我无法导入vue模块！

索引

import Vue from 'vue'                       // this is ok
import App from './components/app.vue'      // vue file not found!
new App({el : '#app'})

ERROR Cannot find module './components/app.vue

应用程序

<script lang="ts">
    import Vue from 'vue'                       // this is ok
    import Card from "./card.vue"               // here it works!

    export default class App extends Vue {
    }
</script>

从.vue文件，我可以导入其他.vue模块。

我尝试.vue扩展名，但是结果相同。

我尝试将.vue扩展名添加到.d.ts文件中，但是这弄乱了Vetur插件，并解决了该问题（模块仅适用于.ts文件，不适用于.vue文件）

Answer 1

嗨，Typescript给您该错误，因为它不知道什么是.vue文件。

但是有一个解决方法。

在您的项目目录中，您可以添加一个名为vue-shims.d.ts的文件。

里面放下面的代码：

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

现在，打字稿将理解.vue文件。