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 时，它将被标记为动态。

这有帮助吗？