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)
┌ ○ /_not-found
└ ƒ /products/[id]
 
○  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

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

バージョン履歴