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

Question

我正在尝试使用 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 是从 React 组件中调用的。

该页面确实有 getServerSideProps() 来最初使用数据库信息呈现页面。

我尝试使用浏览器开发人员工具，但页面刷新并且我无法跟踪信息流。

Answer 1

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

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