Visual Studio Code - IntelliSense for JS and TS not working properly with NextJs.

[tahonaPL]

What version of Next.js are you using?

12.0.4

What version of Node.js are you using?

16.xx

What browser are you using?

Chrome

What operating system are you using?

Windows/MacOS

How are you deploying your application?

not important

Describe the Bug

VSC doesn't see Next components. I tried with clean install for ts and js project.

For this components:
Image, Head, Link etc.

there is no auto-completion/suggestions that should come from next/image , next/head and next/link.

Expected Behavior

nice auto completion and auto import.

To Reproduce

1. yarn create next-app --typescript or yarn create next-app -
2. go to /pages/index.ts
3. remove import next/head
4. click on < Head >
5. hit CTRL + space (to show suggestion or import )

[timneutkens]

Can you try using next@canary? We recently landed #28316.

[tahonaPL]

@timneutkens I have checked the canary. There is some improvement but it tries to use wrong module path.

example:
import { Head } from "next/document"; ???

and still no Link and Image in suggestions

[balazsorban44]

import { Head } from "next/document"

Is not the one you want to use in pages/index, that's for the _document file. This seems to work already on latest.

I do auto-suggestions after upgrading to canary like so:

next/head

next/image

next/link

[balazsorban44]

This is fixed in next@12.0.5-canary.16 give it a try!

Example:

[tahonaPL]

Great job. thx for fixing this.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.