reactjs - 如何使用 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 或右键单击，然后单击检查并 checkin 控制台选项卡。

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