TypeScript在Vue项目中找不到模块...

g52tjvyc  于 2023-05-23  发布在  TypeScript
关注(0)|答案(3)|浏览(244)

我在Vue项目中使用TypeScript。
但是当我尝试导入vue文件时,我无法获得.vue文件,因为“无法找到模块...”错误。

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


Intellisense很好地显示了目录


但它不显示里面的.vue文件
我在根目录下也有vue-shim.d.ts文件。

xwmevbvl

xwmevbvl1#

尝试将以下内容添加到项目根目录下的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"]
qlckcl4x

qlckcl4x3#

如果你正在使用Vue 3,你应该将它添加到一个类型文件中,比如vue.d.ts

declare module '*.vue' {
  import type {DefineComponent} from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const component: DefineComponent<object, object, any>
  export default component
}

你可以看到它在这里工作:source

相关问题