Typescript: IDE reports TS2307: Cannot find module error for Vue components imports

Version

3.0.0-beta.9

Reproduction link

https://pastebin.com/N5A5uWGv

Steps to reproduce

• Install Vue with vue-cli,
• Choose Typescript support
• Open any file that imports *.vue files

What is expected?

No errors are reported

What is actually happening?

IDE reports TS2307: Cannot find module error for Vue components imports. Imports are higlighted in red.

---

I’ve already reported this error here: https://github.com/vuejs/vue-class-component/issues/219 because I thought that it is a vue-class-component issue, but it’s not. It’s a configuration issue.

Putting the following vue-shim.d.ts declaration file under my ./src directory solves the problem:

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

[Cookizza]

Sorry to resurrect, but this still pops up.

I’ve actually put a // @ts-ignore on it, and it’s compiling fine…

[medeman]

This is happening when the .vue file extension is emitted from the import statement (i.e. import MyComponent from '@/components/MyComponent' instead of import MyComponent from '@/components/MyComponent.vue'). Haven’t figured out how to make it work without the file extension.