Set "preserveSymlinks" to true in tsconfig.json to support VSCode autocomplete when using PNPM

[Maikuh]

Clear and concise description of the problem

As a developer using Vite, I want to have VSCode's auto import/complete features working correctly when using pnpm as the package manager, so that I can improve the development experience.

Suggested solution

Set preserveSymlinks option to true by default in the tsconfig.json file when scaffolding a new project.

Alternative

No response

Additional context

For more context, see the issue I created in pnpm's repository.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[pot-code]

It's not the silver bullet apparently, even I have set the preserveSymlinks to true, some variables' types are still not recognized, like the css prop from the @emotion/react in my case.

[Maikuh]

@pot-code can you try reloading the window (e.g. Ctrl + Shift + P > Developer: Reload Window) or restarting the Typescript server (e.g. Ctrl + Shift + P > TypeScript: Restart TS Server)? It seems to be working fine for me, see the picture below:

[pot-code]

@Maikuh thanks, I'll try later

[bluwy]

Is this required? I'm using pnpm without the config and I don't have any issues with Intellisense

[pot-code]

Is this required? I'm using pnpm without the config and I don't have any issues with Intellisense

No, it works excellent now😇

[Maikuh]

Closing as it seems this was fixed some other way.