是否可以从 NextJS 中的“快速刷新”中关闭控制台日志？

Question

当我进行大量测试时，每次保存文件都会污染浏览器的控制台。可以关掉吗？

例如。

[Fast Refresh] done in 93ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
hot-dev-client.js?1600:135 [Fast Refresh] done in 37ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
HELLO WORLD
hot-dev-client.js?1600:135 [Fast Refresh] done in 48ms
hot-dev-client.js?1600:159 [Fast Refresh] rebuilding
hot-dev-client.js?1600:135 [Fast Refresh] done in 76ms

Answer 1

从 Nextjs 12.1.0 开始，您可以简单地使用以下内容next.config.js

// next.config.js
module.exports = {
  compiler: {
    removeConsole: true,
  },
}

参考：https://nextjs.org/docs/advanced-features/compiler#remove-console

Answer 2

没有办法禁用控制台日志的显示。您可以从控制台过滤它们，但无法让它们消失。

将其打印到控制台的特定行在这里，并且没有可以控制/破解/修改的切换/选项：

https://github.com/vercel/next.js/blob/7cb92a6e95e3536791def6fc3a89a4688a734539/packages/next/client/dev/error-overlay/hot-dev-client.js#L194

hot-dev-client您可以通过右键单击hot-dev-client并单击“隐藏来自 hot-dev-client.js 的消息”来选择隐藏发出的控制台日志

这是特定于浏览器的设置，不能在项目级别完成。