如何使用 Next.js 从客户端页面查看 Console.log()？答案

【问题标题】：How to view Console.log() from client pages with Next.js?如何使用 Next.js 从客户端页面查看 Console.log()？
【发布时间】：2022-08-17 16:47:19
【问题描述】：

我正在尝试使用 Console.log() 调试我的客户端渲染（如果有使用调试工具的简单方法，请告诉我）但我只能查看服务器渲染的 conole.logs()。

我正在尝试查看此处理程序的信息流：

const statusHandler = async () => {
   console.log(\"TRYING TO SEE STUFF HERE BUT UNABLE TO\")
    try {call an API
    .....
      });
    } catch (err) {
      console.log(err);
    }

这个函数 statusHandler 是从一个反应组件中调用的。

该页面确实具有 getServerSideProps() 来初始呈现带有数据库信息的页面。

请帮忙。谢谢：）

标签： reactjs debugging next.js console.log

【解决方案1】：

您可以在浏览器的 CSR（客户端渲染）中查看 console.log()，按 F12 或右键单击，然后单击检查并签入控制台选项卡。

对于 SSR（服务器端渲染），您可以在终端中签入

【讨论】：