When import .vue inside .js file it gives module not found in vscode

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Win
• Vetur version: 0.21.0
• VS Code version: 1.35.0

Problem

When .vue file is imported from .js file and checkJs is true in jsconfig.json file vscode gives error that it can’t find module even though .vue extension is included in the import please check the screenshot.

Reproducible Case

Just create new app using vue-cli and in main.js try to ctrl + click on App.vue import it doesn’t take me to the App.vue file.

[yoyo930021]

When use .ts or .js files, VSCode use typescript-language-server in VSCode built-in. It don’t know .vue file, It use vue-shims.d.ts file to know.

When use .vue files, VSCode use vue-language-server in vetur. It can know .vue file by itself, so can get more info.

The above is my guess.

[sagarrabadiya]

@yoyo930021 here is the jsconfig.json content

{
  "include": ["./src/**/*"],
  "compilerOptions": {
    "module": "es6",
    "moduleResolution": "node",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "checkJs": true
  },
  "exclude": ["node_modules"]
}