Felmeddelanden

`cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis

I Next.js 15 är `cookies()`, `headers()` och liknande dynamiska API:er asynkrona och måste awaitas.

ChunkLoadError: Loading chunk X failed.

Webbläsaren kunde inte ladda en JavaScript-chunk från servern, vanligtvis efter att en ny version driftsatts.

Conflicting app and page file(s) were found, please remove the conflicting files to continue.

En route existerar i både `app/`- och `pages/`-mappen, vilket orsakar en konflikt.

DynamicServerError: Dynamic server usage: nextUrl.searchParams

En server-komponent eller Route Handler använde request-specifik data, vilket förhindrar statisk generering.

Error: 'sharp' is required to be installed in standalone apps when 'next export' is used.

Bildoptimering i produktionsmiljö kräver att `sharp` är installerat som beroende.

Error: async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.

En fil markerad med `'use client'` exporterar en `async`-komponent, vilket inte stöds.

Error: Cannot find module 'next'

Next.js är inte installerat eller `node_modules`-mappen saknas.

Error: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

En komponent fastnar i en oändlig renderingsloop, vanligtvis på grund av ett `useEffect` utan korrekt dependency array.

Error: Only plain objects can be passed to Client Components from Server Components. ... is not supported.

Bara JSON-serialiserbara värden kan skickas som props från server- till klientkomponenter.

Error: Page '...' is missing generateStaticParams() so it cannot be used with 'output: export'.

En dynamisk route saknar `generateStaticParams()` som krävs för statisk export.

Error: redirect() was called in a Client Component.

`redirect()` från `next/navigation` kan bara anropas i server-komponenter och Server Actions, inte i klientkomponenter.

Error: Route '...' used `params.slug`. `params` should be awaited before using its properties.

I Next.js 15 är `params` ett löfte som måste awaitas innan du kan läsa dess properties.

Error: Route '...' used `searchParams.q`. `searchParams` should be awaited before using its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis

I Next.js 15 är `searchParams` ett löfte som måste awaitas i page-filer innan dess properties kan läsas.

Event handlers cannot be passed to Client Component props.

Server-komponenter kan inte skicka event-handlers som `onClick` som props till klientkomponenter.

fetch for ... on ... specified "cache: 'no-store'" and "revalidate: 60", only one should be used.

`cache: 'no-store'` och `revalidate` kan inte kombineras på samma fetch-anrop.

Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with 'use server'.

En funktion skickas som prop från en server-komponent till en klientkomponent utan `'use server'`-markering.

"getStaticProps" is not supported in app/. Read more: https://nextjs.org/docs/app/building-your-application/data-fetching

`getStaticProps` och `getServerSideProps` fungerar inte i App Router — de tillhör Pages Router.

Hydration failed because the initial UI does not match what was rendered on the server.

React avbröt hydreringen eftersom server- och klientrendering gav olika HTML.

Image with src "..." must use "width" and "height" properties or "fill" property.

`next/image` kräver antingen explicita dimensioner eller `fill`-prop för att undvika layout shift.

Invalid next.config.js options detected: ... Did you mean ...?

En okänd eller felstavad konfigurationsnyckel i `next.config.js` hittades vid uppstart.

Invalid src prop (...) on `next/image`, hostname "..." is not configured under images in your `next.config.js`

`next/image` tillåter bara bilder från hostnamn som är explicit godkända i `next.config.js`.

Middleware is returning a response body, which is not supported. Learn more: https://nextjs.org/docs/messages/returning-response-body-in-middleware

Middleware kan inte returnera ett svar med body. Det kan bara omdirigera, skriva om URL:er, eller ändra headers.

Module not found: Can't resolve '@/...'

Next.js hittar inte en modul via `@`-alias, vanligtvis på grund av felaktig sökväg eller saknad konfiguration.

Module not found: Can't resolve 'fs'

En klientkomponent försöker importera Node.js-modulen `fs`, som inte finns i webbläsaren.

next/font requires SWC although Babel is being used due to a custom babel config being present.

`next/font` kräver SWC-kompilatorn och fungerar inte om projektet har en anpassad Babel-konfiguration.

No HTTP methods were exported from '...'. Export a named export like: export async function GET(request) { ... }

Route Handler-filer exporterar namngivna HTTP-metoder (GET, POST etc.), inte en default export.

process.env.MY_VAR returnerar undefined i klientkomponenter

Miljövariabler utan `NEXT_PUBLIC_`-prefix är bara tillgängliga på servern, aldrig i webbläsaren.

ReferenceError: document is not defined

`document`-objektet finns inte på servern och kan inte refereras under server-rendering.

ReferenceError: localStorage is not defined

`localStorage` finns inte i Node.js och kan inte användas under server-rendering.

ReferenceError: window is not defined

`window`-objektet finns inte på servern och kan inte refereras under server-rendering.

revalidatePath() / revalidateTag() was called outside a request scope. Calling revalidatePath() in a module-level scope is not supported.

`revalidatePath()` och `revalidateTag()` kan bara anropas inom en aktiv request, inte på modulnivå.

Server actions must be async functions.

Alla funktioner markerade med `'use server'` måste deklareras som `async`.

SyntaxError: Cannot use import statement in a module

En CommonJS-fil försöker använda ESM-syntax (`import`), vilket Node.js inte tillåter utan rätt konfiguration.

SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON

En `fetch`-förfrågan returnerade en HTML-felsida i stället för JSON, och `response.json()` kraschar vid parsning.

Text content does not match server-rendered HTML.

En texts innehåll skiljer sig åt mellan server och klient, vilket avbryter hydreringen.

The 'use client' directive must be placed before other expressions. Move it to the top of the file to resolve this issue.

Direktivet `'use client'` måste stå som allra första rad i filen, före alla imports.

The default export is not a React Component in page: '/...'

En page-fil saknar en default-exporterad React-komponent, vilket Next.js kräver.

The edge runtime does not support Node.js 'crypto' module.

Middleware eller en edge route använder en Node.js-modul som inte finns i edge-runtimen.

The root layout must define a <html> and <body> tag to allow adding global UI by other components.

Root layout-filen (`app/layout.js`) måste returnera `<html>` och `<body>` som yttersta element.

There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

Ett hydreringsfel utan Suspense-gräns tvingade React att rendera om hela sidan i webbläsaren.

This module cannot be imported from a Client Component module. It can only be used from a Server Component.

En klientkomponent importerar en modul märkt med `server-only`, vilket Next.js inte tillåter.

TypeError: fetch failed

En server-side `fetch` misslyckades med nätverksfel, vanligtvis för att en server-komponent försöker nå `localhost`.

'usePathname' only works in Client Components. Add the 'use client' directive.

`usePathname` är en klient-hook och kan inte användas i server-komponenter.

'useRouter' only works in Client Components. Add the 'use client' directive.

`useRouter` är en klient-hook och kan inte användas i server-komponenter.

Unsupported metadata viewport is configured in metadata export in ... Please move viewport to viewport export. Read more: https://nextjs.org/docs/app/api-reference/functions/generate-viewport

Viewport-inställningar ska exporteras separat via `viewport` eller `generateViewport`, inte inuti `metadata`.

useSearchParams() should be wrapped in a suspense boundary at page '...'. Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout

`useSearchParams()` kräver en `<Suspense>`-gräns runt komponenten för att undvika att hela sidan renderas dynamiskt.

Warning: Each child in a list should have a unique "key" prop.

React kräver ett unikt `key`-attribut på varje element som renderas i en lista.

Warning: React does not recognize the `isActive` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `isactive` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

En anpassad React-prop skickas vidare till ett DOM-element, vilket webbläsaren inte förstår.

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

En `<Link>`-komponent eller `<a>`-tagg är nästlad inuti en annan, vilket HTML-specifikationen inte tillåter.

You are attempting to export 'metadata' from a component marked with 'use client', which is disallowed. Either remove the export, or the 'use client' directive.

Metadata kan bara exporteras från server-komponenter, inte från filer markerade med `'use client'`.

You're importing a component that needs useContext. This React hook only works in a client component. To fix, mark the file (or its parent) with the 'use client' directive.

En server-komponent importerar en komponent som använder `useContext`, vilket kräver `'use client'`.

You're importing a component that needs useEffect. This React hook only works in a client component. To fix, mark the file (or its parent) with the 'use client' directive.

En server-komponent importerar en komponent som använder `useEffect`, vilket kräver `'use client'`.

You're importing a component that needs useRef. This React hook only works in a client component. To fix, mark the file (or its parent) with the 'use client' directive.

En server-komponent importerar en komponent som använder `useRef`, vilket kräver `'use client'`.

You're importing a component that needs useState. This React hook only works in a client component. To fix, mark the file (or its parent) with the 'use client' directive.

En server-komponent importerar en komponent som använder `useState`, vilket kräver `'use client'`.