vue-tsc can not find vue files if module resolution is node12 or nodenext

Reproduction can be found here

I have been trying to migrate my codebase to use typescripts new esm modules and for that I need to use node12 or nodenext module resolution. Everything seems to work fine, but due to typescript needing extensions to correctly resolve files now, it appears vue-tsc is unable to find the vue files anymore. I did notice having vue.js did fix the issue for vue-tsc, but then I can’t build with vite.

I can’t seem to find any other alternative solutions to this problem, maybe I have to change something in my code base?

A possible solution to the problem maybe changing the file import path to vue.js with vue-tsc before calling tsc? If this is the desired direction, and if pointed in the right direction I can take a look at doing a PR.

[pwang2]

@johnsoncodehk , Takeover mode works for me in Neovim. Thanks! Great work on volar to make everyone’s life better and better. 🙌

[johnsoncodehk]

@pwang2 see https://github.com/johnsoncodehk/volar/issues/1897#issuecomment-1257149754