Förklaring

Sedan Next.js 14.1 hanteras viewport-metataggen som en separat export från metadata. Det ger Next.js bättre kontroll och möjlighet att strömma viewport-taggen tidigt i HTML-svaret.

Lägger du viewport i metadata-objektet visas en varning och inställningarna kanske inte tillämpas korrekt. I kommande versioner av Next.js kan stödet för viewport i metadata-objektet tas bort.

Vanliga orsaker

viewport inkluderat i metadata-objektet i layout.js eller page.js i stället för som separat export.

Lösning

Flytta viewport till en separat export:

// Fel
export const metadata = {
  title: 'Min sida',
  viewport: 'width=device-width, initial-scale=1',
};

// Rätt
export const metadata = {
  title: 'Min sida',
};

export const viewport = {
  width: 'device-width',
  initialScale: 1,
};

För dynamiska viewport-värden exporteras generateViewport som en async-funktion i stället.