False positive errors at end-of-file

[johnsoncodehk]

TS plugin cannot be used with Vue files if the project does not contain tsconfig/jsconfig, or the Vue files are not included by tsconfig/jsconfig.

Steps to reproduce

1. Clone https://github.com/johnsoncodehk/volar-starter
   Since it is just for demonstration purposes, node_modules will not be installed.
2. Delete the tsconfig.json file in repo
3. Open the repo in VSCode, and open src/components/HelloWorld.vue
4. You should see TS errors reported due to missing dependencies, as shown below:
   
5. Close HelloWorld.vue, open src/main.ts, then re-open HelloWorld.vue
6. Errors in the image above is now displayed in the wrong location (end of file)
   

Exploration

@vue/typescript-plugin calls decorateLanguageService and decorateLanguageServiceHost at following code to modify the original languageService and languageServiceHost:

language-tools/packages/typescript-plugin/index.ts

Lines 62 to 63 in 3efa52d

	decorateLanguageService(files, info.languageService);
	decorateLanguageServiceHost(files, info.languageServiceHost, ts);

This works well for ConfiguredProject. But for InferredProject, if you open the TS file before opening the Vue file, the modification of decorateLanguageService is no longer valid, just like the original languageService is no longer used. Therefore the mapping behavior of decorateLanguageService is no longer valid.

Temporary Solutions

1. Create a jsconfig.json file in project root with empty json object content {}
2. Downgrade to 1.8.27 for now

Update: If you have the "Svelte for VS Code" extension installed, disabling it may avoid this problem.

[wuhaohuang]

The first temporary solution didn't work for me, I still crashed after 5 launches.

[eknkc]

I've had issues with a brand new nuxt project also.

It creates a tsconfig file however the tsconfig is just "extends": "./.nuxt/tsconfig.json".

The main problem is with the default nuxt template, inference fails:

I tried explicitly setting includes after seeing this issue in tsconfig:

{
  "extends": "./.nuxt/tsconfig.json",
  "include": [
    "./.nuxt/nuxt.d.ts",
    "./**/*",
    "./node_modules/@nuxt/devtools/runtime",
    "./node_modules/@nuxt/telemetry/runtime",
    "."
  ]
}

Which also fails the exact same way.

However, if I remove "./.nuxt/nuxt.d.ts", from includes, things seem to work fine:

{
  "extends": "./.nuxt/tsconfig.json",
  "include": [
    "./**/*",
    "./node_modules/@nuxt/devtools/runtime",
    "./node_modules/@nuxt/telemetry/runtime",
    "."
  ]
}

I am assuming it is related to this issue but might be a completely different thing.

[eknkc]

Unfortunately 2.0.3 did not help with my latest comment.

Repro:

• Create a new nuxt projext (npx nuxi@latest init).
• npm run dev to set up the .nuxt folder
• Boot up vscode, inference fails, all components are any, basically you get this:
  
• Edit .nuxt/tsconfig.json to remove "./nuxt.d.ts", from includes. Things start working fine.

No output on Vue Language Server output panel. Should I create a new issue for this?

[niclas-j]

I also tried to migrate to 2.0 in an existing project, did all the steps mentioned in the instructions. I also do not get any typescript assistance in my templates. This results in script variables being marked as unused. Will downgrade to 1.x for now.

[Bobakanoosh]

This happens to me in a monorepo containing some nuxt projects as well.

[hi-reeve]

using nuxt, now the autocomplete and suggestions does not work at all