Vue 项目中 TypeScript“找不到模块...”

Question

我在 Vue 项目中使用 TypeScript。

但是当我尝试导入 vue 文件时，由于出现“找不到模块...”错误，我无法获取 .vue 文件。

奇怪的是，intellisense 仅显示 .vue 文件正上方的目录。

Intellisense 很好地显示了目录

但它不显示其中的 .vue 文件

我的根目录中还有 vue-shim.d.ts 文件。

Answer 1

您应该安装TypeScript Vue Plugin和Vue Language Features。

Answer 2

尝试将以下内容添加到项目根目录中的index.d.ts中，目前可以使用。

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

或者尝试在 tsconfig 中配置路径

"paths": { "@/*":["./src/*"] }

或编辑包含在 tsconfig 中

"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]