devIndicators

devIndicators 允許您設定螢幕上的指示器，該指示器會在開發期間提供您目前正在檢視的路徑的相關資訊。

類型

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

將 devIndicators 設定為 false 將會隱藏指示器，但 Next.js 仍會繼續顯示遇到的任何建置或執行階段錯誤。

疑難排解

指示器未將路由標記為靜態

如果您預期路由是靜態的，但指示器將其標記為動態，則可能是該路由已選擇不進行靜態渲染。

您可以透過使用 next build --debug 建置您的應用程式，並檢查終端機中的輸出來確認路由是靜態還是動態。靜態（或預先渲染）路由將顯示 ○ 符號，而動態路由將顯示 ƒ 符號。例如

建置輸出

Route (app)                              Size     First Load JS
┌ ○ /_not-found                          0 B               0 kB
└ ƒ /products/[id]                       0 B               0 kB
 
○  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

路由可能選擇不進行靜態渲染的原因有兩個

存在依賴於執行階段資訊的動態 API。
未快取的資料請求，例如呼叫 ORM 或資料庫驅動程式。

檢查您的路由是否有任何這些情況，如果您無法靜態渲染路由，請考慮使用loading.js 或 <Suspense /> 以利用串流。