vuejs / language-tools

⚡ High-performance Vue language tooling based-on Volar.js
https://marketplace.visualstudio.com/items?itemName=Vue.volar
MIT License
5.76k stars 388 forks source link

Typescript and vue intellisense not working #3936

Closed cristiano-matchday closed 6 months ago

cristiano-matchday commented 6 months ago

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 commented 6 months ago

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

wuhaohuang commented 6 months ago

+1

image
wuhaohuang commented 6 months ago

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 commented 6 months ago

That worked for me.

hungify2022 commented 6 months ago

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

Note:

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

larserikfinholt commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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

HamasakiBrain commented 6 months ago
  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 commented 6 months ago

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

pzgz commented 6 months ago

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 commented 6 months ago

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

ElYaiko commented 6 months ago

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 commented 6 months ago

See #3942

WayneDT commented 6 months ago

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 commented 5 months ago

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 commented 4 months ago

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 commented 4 months ago

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 commented 2 months ago

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

JoaoHamerski commented 3 weeks ago

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 commented 2 weeks ago

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 commented 2 weeks ago

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