Menu

devIndicators

devIndicators では、開発中に現在閲覧しているルートについてのコンテキストを提供する画面上のインジケーターを設定できます。

Types
  devIndicators: false | {
    position?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // デフォルトは 'bottom-left'
  },

devIndicators を false に設定するとインジケーターは非表示になりますが、Next.jsはビルドやランタイムで発生したエラーを引き続き表示します。

トラブルシューティング

インジケーターがルートを静的としてマークしない

ルートが静的であると予想しているのにインジケーターが動的としてマークしている場合、そのルートが静的レンダリングをオプトアウトしている可能性があります。

ルートが静的か動的かを確認するには、next build --debug を使用してアプリケーションをビルドし、ターミナルの出力を確認してください。静的（またはプリレンダリング）ルートには ○ 記号が表示され、動的ルートには ƒ 記号が表示されます。例：

Build
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

ページからgetServerSidePropsやgetInitialPropsをエクスポートすると、そのページは動的としてマークされます。

バージョン履歴

バージョン変更内容
v15.2.0新しい position オプションで改良された画面上のインジケーター。appIsrStatus、buildActivity、buildActivityPosition オプションは非推奨となりました。
v15.0.0導入時期：appIsrStatus オプションを備えた静的な画面上のインジケーター。