Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Typescript and vue intellisense not working #3936

Closed
cristiano-matchday opened this issue Mar 2, 2024 · 25 comments
Closed

Typescript and vue intellisense not working #3936

cristiano-matchday opened this issue Mar 2, 2024 · 25 comments

Comments

@cristiano-matchday
Copy link

Hi - Since I started using this instead of Volar, my typescript and vue intellisense stopped working.

Also, all my vue files result in error, when they are squeaky clean.

image

Any suggestion? I use Vite boilerplate.

@yingside
Copy link

yingside commented Mar 2, 2024

Yes, me too, upgraded Vue - Official v2.0.2, typescript doesn’t work anymore

@wuhaohuang
Copy link

+1
image

@wuhaohuang
Copy link

Hi - Since I started using this instead of Volar, my typescript and vue intellisense stopped working.

Also, all my vue files result in error, when they are squeaky clean.

image Any suggestion? I use Vite boilerplate.

My current solution is to downgrade Vue - Official back to 1.8.27, start Volar, and disable the automatic upgrade of the vscode plug-in, and it will work.

@cristiano-matchday
Copy link
Author

That worked for me.

@hungify2022
Copy link

hungify2022 commented Mar 2, 2024

I don't have any issues like it.
Can you try running 'Developer: reloading window' in VScode and read the notification box?

Note:

  • Vue.vscode-typescript-vue-plugin no need to install
  • Enable TypeScript and JavaScript Language Features

CleanShot 2024-03-02 at 19 31 02@2x

@larserikfinholt
Copy link

Reloading windows causes it to ask for volar again. Is the Volar needed in v2.0.2 as shown in the image?

image

@cristiano-matchday
Copy link
Author

cristiano-matchday commented Mar 2, 2024

I don't have any issues like it. Can you try running 'Developer: reloading window' in VScode and read the notification box?

Note:

  • Vue.vscode-typescript-vue-plugin no need to install
  • Enable TypeScript and JavaScript Language Features

CleanShot 2024-03-02 at 19 31 02@2x

I reloaded my window a bajillion times and removed the volar stuff. I don't have that plugin you are referring to either.
About Enable TypeScript and JavaScript Language Features - they are.
Still broken to me

@wuhaohuang
Copy link

I don't have any issues like it. Can you try running 'Developer: reloading window' in VScode and read the notification box?

Note:

  • Vue.vscode-typescript-vue-plugin no need to install
  • Enable TypeScript and JavaScript Language Features

CleanShot 2024-03-02 at 19 31 02@2x

I re-upgraded to the latest 2.0.2 and disabled Vue.vscode-typescript-vue-plugin in the workspace. I also tried restarting typescript server and vscode, but it still doesn't work, and this message pops up.

image

Then I disabled the styled-component plug-in, and it reported an error and crashed.

image

@rmacuna
Copy link

rmacuna commented Mar 2, 2024

Same here. Typescript no longer works and my vscode can't find any definition types for my components

@HamasakiBrain
Copy link

  1. Remove TypeScript Vue Plugin (Volar)
  2. Install Vue - Official
  3. Enable TypeScript and JavaScript Language Features in Plugins > Search - @builtin typescript

Its resolved for me.

@Tekilian
Copy link

Tekilian commented Mar 2, 2024

I tried many ways mentioned above but it dosn't work
however , disabling styled component extension in my workplace has resolved my problem

@pzgz
Copy link

pzgz commented Mar 2, 2024

same here, after upgrading to 2.0.2, even tried to uninstall and reinstall Vue - Official plugin, still got TS service crashed 5 times issue:

CleanShot 2024-03-03 at 02 24 53@2x

@pzgz
Copy link

pzgz commented Mar 2, 2024

Well, code - insiders version is working for now, might be a workaround before we got fix

@ElYaiko
Copy link

ElYaiko commented Mar 2, 2024

same here, after upgrading to 2.0.2, even tried to uninstall and reinstall Vue - Official plugin, still got TS service crashed 5 times issue:

CleanShot 2024-03-03 at 02 24 53@2x

I'm having the same issue, it makes the JS/TS Language server crash from version 2>

I have VSCode 1.87.

@johnsoncodehk
Copy link
Member

johnsoncodehk commented Mar 3, 2024

See #3942

@WayneDT
Copy link

WayneDT commented Mar 5, 2024

#3942 was of no help to me
I don't use the "Svelte extension"

I am still facing extremely slow intellisence with my vue typescript project. what is the recommended solution?
Do I downgrade to the previous version and install the deprecated volar extension?

@RedskyThirty
Copy link

Same problem for me. Since I ununstalled Volar and use Vue Official, I lost the autocomplete on components, interfaces, etc.
VSCode was a very good IDE for Vue but now, it's very debatable. This is the problem with software that requires multiple plugins to work the way you want...
I really hope that this will be fixed soon.

@ebisbe
Copy link

ebisbe commented May 2, 2024

Not sure if it's related but I got the message Cannot find moduel X or it's types declarations. other than that everything works. It's annoying because I miss most of the TS features with all my personal files.

@matthew-dean
Copy link

In my case, after turning TS / Vue extensions on / off, it said that hybrid mode was disabled because of a conflicting extension (Vue Inline Template). This was what was preventing the Vue extension from working properly. So, check to see that you have no other Vue extensions running.

@aryankarim
Copy link

installed TypeScript Vue Plugin (Volar) again. cuz auto imports not working with the Vue Official

@JoaoHamerski
Copy link

I had some weird issue, I had only Vue Official extension installed, nothing was working, then I installed Volar with CTRL + P:

ext install Vue.vscode-typescript-vue-plugin

Then all autocomplete started to work again, so I uninstalled Volar and it was still working.

Not sure, but maybe you'll have to install the deprecated Volar extension first, then migrate to Vue Official.

There's also this option of some kind of "hybrid" mode on Vue Official extension that a popup suggested me to keep when I had both extensions installed:

"vue.server.hybridMode": "auto"

@biantris
Copy link

biantris commented Sep 2, 2024

I got this same error and the “temporary” solution was to downgrade the version of Vue Official from v2.1.4 to v2.0.28

Note: my project uses Vue 2 ["vue": "^2.6.14",]( maybe it should interfere somehow )

@Jacob-P-Busby
Copy link

I'm using @vue/language-server in Helix, and I have a similar problem, template and emmet autocompletion work fine, but I won't get completion or warning in typescript code

@mraveux
Copy link

mraveux commented Nov 22, 2024

The issue is still present. Since a couple of week I do not get errors anymore in vue templates. Everything is typed "any" even if it doesn't exist, or is completely wrong. I could not have the extension enabled that it would be the same.

@dsasko
Copy link

dsasko commented Nov 24, 2024

Can you try running 'Developer: reloading window' in VScode

Reloading the window worked for me. Thanks!
Before the reload I wouldn't get the type popup or proper type inference.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests