如何恢复Next.js 15的静态路由指示器?
恢复Next.js 15静态路由指示器的方法
清除浏览器本地存储
- 打开浏览器开发者工具(按F12或Ctrl+Shift+I)
- 切换到「Application」标签页
- 在左侧菜单找到「Local Storage」,展开后选择你的项目域名
- 删除所有以
next-devtools开头的键值对,然后刷新页面
修改Next.js配置强制开启
在项目根目录的next.config.js中添加devIndicators配置:/** @type {import('next').NextConfig} */ const nextConfig = { devIndicators: { static: true } }; module.exports = nextConfig;保存后重启开发服务器即可。
通过Next.js开发工具面板开启
- 在开发模式下打开项目页面,按下
Ctrl + Shift + J(Windows)或Cmd + Shift + J(Mac)打开Next.js开发工具 - 在面板中找到「Indicators」或「静态路由指示器」相关选项,勾选开启
- 若页面右下角有Next.js图标,点击后也能找到指示器控制开关
- 在开发模式下打开项目页面,按下
强制重置开发工具状态
在终端执行重启命令时添加重置环境变量:NEXT_DEVTOOLS_RESET=true npm run dev这个命令会重置Next.js开发工具的所有自定义设置,包括关闭的指示器状态。
内容的提问来源于stack exchange,提问作者literaleigh
相关产品推荐
相关产品推荐

