如何调试React应用程序,为什么console.log()不起作用?

时间:2019-12-27 06:20:53

标签: javascript reactjs debugging web-applications google-chrome-devtools

我仅使用React-native就能成功调试console.log()中的许多问题,不确定这是否是最好的方法,但这很有帮助。

现在,当我在 React Web应用上工作时,console.log()似乎什么也没做,bash控制台中什么也没打印,Chrome Devtool控制台中什么也没打印。

有什么主意吗?可能是教程吗?

2 个答案:

答案 0 :(得分:0)

您可以使用带有Chrome调试器扩展 VS CODE 轻松调试react app。您可以点击下面提到的链接,开始调试您的react应用。

链接: https://medium.com/@auchenberg/live-edit-and-debug-your-react-apps-directly-from-vs-code-without-leaving-the-editor-3da489ed905f

答案 1 :(得分:0)

1)确保console.log语句在执行脚本的浏览器中(如果是SSR应用程序,则不在服务器代码中)。 (确保将代码重新缓存到添加了控制台语句的位置)

2)确保在您的应用程序中,其他人没有覆盖window上的全局控制台obj。

3)确保已过滤或未过滤各种日志级别的chrome调试器设置。

希望这会有所帮助。如果您仍然看到问题,请添加更多详细信息以质疑。

顺便说一句,如果尚未使用,则可以检查可以使用的React应用程序 https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en