v2.0.11 and later, In typescript files, importing .vue files yields "Cannot find module" error

[michaeldaw]

In v2.0.11 and later, any typescript file that attempts to import a .vue file results in the error message in the following screenshot:
Cannot find module <module> or it's corresponding type declarations

The most obvious case of this happening is in the main.ts when attempting to import App.vue in a default project. However, it happens in any .ts file.

Reverting back to 2.0.10 fixes the issue. The error starts occurring in 2.0.11.

[johnsoncodehk]

When opening a Vue project file in a new VSCode window, do you see a message similar to the following?

[michaeldaw]

No, not that I can see.

[johnsoncodehk]

Can you share a screenshot from here?

[michaeldaw]

It looks like the problem with the "Hybrid Mode" setting. It was set to False. When I set it to true, the errors were no longer occurring.
I'm going to close the issue. Thanks for taking the time to look into it. I'll keep this setting in mind if I see errors like this in the future.

[johnsoncodehk]

You can also revert it to the default "auto" to avoid compatibility issues. (See #4206)

[ypresto]

@johnsoncodehk Is this the limitation of Hybrid Mode? If so, it would be helpful if that is explicitly stated in README.

[so1ve]

@ypresto When you met this issue could you please show the panel?

I suppose this was caused by typescript not being loaded correctly in vue files and often there is no typescript version information in the panel.

[ypresto]

@so1ve

The problem occurs when editing .ts file (not .vue file). So the panel shows TypeScript information only.

When editing .vue file, it looks correctly loaded.