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

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

バージョン履歴

バージョン	変更点
`v15.2.0`	新しい`position`オプションにより、画面上のインジケーターが改善されました。`appIsrStatus`、`buildActivity`、`buildActivityPosition`オプションは非推奨になりました。
`v15.0.0`	`appIsrStatus`オプションにより、静的な画面上のインジケーターが追加されました。

この情報は役に立ちましたか？