Noen ganger får ikke Next.js med seg Babel-konfigurasjonen, og du får dermed røde streker under import-statements i koden din. I de fleste tilfeller kan dette løses relativt lett med to små oppdateringer.
Problemet
Editoren viser en rød strek (feil) under import-setninger i koden.
Løsning
Sørg for at filen .eslitrc.json finnes på rotnivå i prosjektet ditt. Hvis de ikke finnes, opprett dem.
Sørg deretter for at filen har koblinger mot Babel i Next. Filen skal da se slik ut (det kan være mer kode dersom du har flere konfigurasjoner i Babel og/eller ESLint).
.eslintrc.json:
{
"extends": ["next/babel","next/core-web-vitals"]
}
Code language: JSON / JSON with Comments (json)