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

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是从function组件调用的。

该页面确实有getServerSideProps()，以便最初呈现带有数据库信息的页面。

编辑

我试过使用浏览器开发工具，但是页面刷新，无法跟踪信息流。

请帮帮忙。谢谢您：)

Answer 1

您可以在浏览器中查看CSR(客户端呈现)中的console.log()，按F12或RightClick，然后单击“检查并签入控制台”选项卡。

对于SSR(服务器端呈现)，您可以签入终端