Förklaring

@-aliaset i Next.js pekar som standard på projektroten eller src/-mappen om den finns. Det gör att @/components/Button alltid fungerar oavsett var den importerande filen ligger.

Felet visas när den fil som sökvägen pekar på inte finns, antingen för att sökvägen är felaktig, för att filen bytt namn, eller för att aliaset inte är konfigurerat som väntat.

Next.js aktiverar @-aliaset automatiskt sedan version 13 och kräver ingen manuell konfiguration i de flesta projekt. Om projektet använder en äldre setup kan tsconfig.json eller jsconfig.json behöva uppdateras.

Vanliga orsaker

Stavfel i sökvägen. Filen existerar inte på den angivna platsen. Saknad paths-konfiguration i tsconfig.json eller jsconfig.json i äldre projekt.

Lösning

Kontrollera att filen finns på den exakta sökvägen:

ls src/components/Button.js

Om @-aliaset inte fungerar, lägg till det i jsconfig.json:

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

Starta om dev-servern efter konfigurationsändringar.