devIndicators

devIndicators ermöglicht die Konfiguration des Bildschirm-Indikators, der während der Entwicklung Kontext über die aktuell angezeigte Route bereitstellt.

  devIndicators: false | {
    position?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // Standardwert: 'bottom-left',
  },

Wenn devIndicators auf false gesetzt wird, wird der Indikator ausgeblendet. Next.js zeigt jedoch weiterhin auftretende Build- oder Laufzeitfehler an.

Problembehandlung

Indikator markiert Route nicht als statisch

Falls eine Route als statisch erwartet wird, der Indikator sie jedoch als dynamisch markiert, hat die Route wahrscheinlich das statische Rendering deaktiviert.

Sie können überprüfen, ob eine Route statisch oder dynamisch ist, indem Sie Ihre Anwendung mit next build --debug erstellen und die Ausgabe im Terminal prüfen. Statische (oder vorgerenderte) Routen werden mit einem ○-Symbol angezeigt, während dynamische Routen ein ƒ-Symbol verwenden. Beispiel:

Route (app)                              Size     First Load JS
┌ ○ /_not-found                          0 B               0 kB
└ ƒ /products/[id]                       0 B               0 kB

○  (Statisch)   als statischer Inhalt vorgerendert
ƒ  (Dynamisch)  bedarfsgerecht serverseitig gerendert

Wenn getServerSideProps oder getInitialProps von einer Seite exportiert werden, wird diese als dynamisch markiert.

Versionsverlauf