TypeScript - Visual Studio Code otomatik tamamlama Next.js import'ları

Problem

Next.js ve React için bir Visual Studio Code kurulumum vardı, böylece yazdığımda:

<Image> , import Image from 'next/image' yapmanızı önerir

Bu, otomatik tamamlama açılır penceresinde görünmüş olurdu, oysa görünmüyor:

Beklenen Sonuç

Beklenen sonuç, "import" yerine Image next/image göstermesidir

next-image bileşenin nereden ithal edildiğini gösterir.

<Link> otomatik tamamlama ile aynı.

Denediğim şey:

• “NextJS [sic] Temel Eklenti Paketi”nden bazı eklentileri yüklemek

Hiçbir düşündüğüm şey işe yaramayınca, yardım için Copilot ve Bing'e sordum. Bana alakasız cevaplar verdiler, ama TypeScript sunucusunu yeniden başlatmayı önerdiler.

Ctrl+Shift+P -> typescript yazmak bana görünüşe göre TypeScript için çalışan herhangi bir şeyim olmadığını gösteriyor

Bilgi

Dağınıklığı gidermek amacıyla bazı uzantıları kaldırdığımda, bu artık çalışmıyor ve bunun bir uzantı mı yoksa belki başka bir şey mi olduğunu bir türlü çözemiyorum. Temel Next.js bileşenleri veya '@/components' içindeki bileşenler için otomatik import yapmıyor.

WebDev ile ilgili olarak yüklü olan eklentiler şunlardır:

• ES7+ React/Redux
• Otomatik İçe Aktarma [steoates]
• ESLint
• Node.js Modülleri Intellisense
• npm Intellisense
• Daha güzel
• React Native Araçları
• Tailwind CSS IntelliSense

Bunlar npm list komutunun sonuçlarıdır:

├── @types/[email 
├── @types/[email 
├── @types/[email 
├── [email 
├── [email 
├── [email 
├── [email 
├── [email 
├── [email 
├── [email 
├── [email 
└── [email 

Bunun artık benim için neden çalışmadığının nedeni nedir ve bunu tekrar nasıl kurabilirim?