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

Vue intellisense does not work with PNPM & VSCODE 1.85.1 #3802

Closed
sph-e opened this issue Dec 13, 2023 · 7 comments · Fixed by volarjs/typescript-auto-import-cache#3
Closed
Labels
bug Something isn't working upstream

Comments

@sph-e
Copy link

sph-e commented Dec 13, 2023

Vue intellisense doesnt work on astro projects after updating vscode to the latest version when you're using pnpm as your package manager.

reproduction steps:
1 - pnpm create astro@latest
2 - pnpm astro add vue

image

@trgoofi
Copy link

trgoofi commented Dec 15, 2023

Encountering the same issue after update vscode and volar to the latest version but not a Astro project.

- vscode

Version: 1.85.1
Commit: 0ee08df0cf4527e40edc9aa28f4b5bd38bbff2b2
Date: 2023-12-13T09:48:06.308Z
Electron: 25.9.7
ElectronBuildId: 25551756
Chromium: 114.0.5735.289
Node.js: 18.15.0
V8: 11.4.183.29-electron.0
OS: Darwin x64 21.6.0
- TypeScript Vue Plugin (Volar) and Vue Language Features (Volar)
Version: v1.8.25
- pnpm 8.10.2
- vue 3.3.8

@so1ve
Copy link
Member

so1ve commented Dec 15, 2023

Could you please provide a minimal reproduction?

@trgoofi
Copy link

trgoofi commented Dec 15, 2023

Could you please provide a minimal reproduction?

@aspheresedge have provided the reproduction steps. I guess I just provide extra info to rule out some possibilities.

Anyway here the steps to reproduce: (In short npm works pnpm breaks)

Follow Vue official quick start to create a vue application just replace npm with pnpm

  1. pnpm create vue@latest gave it a project name and other options just type enter to use the default.
  2. use pnpm install to install deps.
  3. open the project with vscode then start typing in App.vue file intellisense breaks.
  4. delete node_modules.
  5. use npm install to install deps.
  6. "reopen" the project with vscode to repeat step 3 intellisense working just fine. (reopen: close vscode then open again)

pnpm screenshot:
pnpm-breaks

npm screenshot:
npm-works

@sph-e sph-e changed the title Vue intellisense does not work on Astro projects Vue intellisense does not work with PNPM & latest version of Vscode Dec 15, 2023
@sph-e sph-e changed the title Vue intellisense does not work with PNPM & latest version of Vscode Vue intellisense does not work with PNPM & VSCODE 1.85.1 Dec 15, 2023
@so1ve
Copy link
Member

so1ve commented Dec 16, 2023

This seemed to be an upstream issue with auto complete

@AntonioDell
Copy link

Probably a duplicate of #3730.
See my comment here for a workaround.

@suiyi8760
Copy link

same problem too, is this problem made from volar? or vscode lsp?

@sph-e
Copy link
Author

sph-e commented Dec 21, 2023

Probably a duplicate of #3730. See my comment here for a workaround.

I haven't had time to check the duplicate issue, but I think your solution is correct, when I did my VSCODE downgrade, TS got downgraded to 5.2.2 which is what you're recommending

If anyone runs into this issue I would recommend looking at Antonio's solution.

@johnsoncodehk johnsoncodehk added bug Something isn't working upstream labels Dec 21, 2023
n0099 added a commit to n0099/open-tbm that referenced this issue Feb 8, 2024
…due to https://youtrack.jetbrains.com/issue/WEB-64534

* importing component `<VueQueryDevtools>` @ `<App>`
* remove `id` attr on the root node that should be removed in 9e8c5f4 @ `<BilibiliVote>`
@ fe
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working upstream
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants