React开发工具扩展导致问题

如果你有React开发工具chrome扩展安装，卸载它修复了我的问题。显然，这可能是一个艰难的权衡。

我从未使用过它们，所以删除它们解决了我的问题。

React开发工具扩展导致问题

如果你有React开发工具chrome扩展安装，卸载它修复了我的问题。显然，这可能是一个艰难的权衡。

我从未使用过它们，所以删除它们解决了我的问题。

截至2020年7月，Chrome UI再次发生了变化，日志级别下拉菜单现在似乎没有做任何事情。

相反，在主控制台窗格的左边有一个新窗格，它可能无意中被设置为限制性日志级别之一:

选择顶部类别(消息)以显示所有日志:

编辑:即使这样，Chrome似乎添加的东西过滤框，这再次失去一些日志记录，所以你必须清除过滤框太!

(滤镜框在我上面两张图片的顶部，在“网络条件”下;你可以看到它有一些关于“urlwebpack”的内容，我没有放在那里!)

有时候，最简单的事情也会把我们绊倒……

在控制台中输入console.log并检查返回什么函数。如果你看到的是日志(){[原生代码]}，那么它是别的东西。如果你看到了conn(){}，那么在某个地方本机console.log函数被改变了。

今天在一个客户的网站上工作，这就是问题所在。如果是这种情况，您可以手动恢复console.log函数，或者使用console.dir()或console.warn()代替。

如果你看到了(){}，那么有可能由于你在javascript中添加了一些功能，有时控制台停止工作。所以首先关闭所有选项卡重新启动chrome和在一个新的选项卡只是键入1 console.log('hi');如果它打印出来，那么它就确认了问题存在于脚本代码中。如果不是，那么恢复cosole.log。

要恢复控制台在新选项卡去控制台和类型删除窗口。控制台它将返回true后，重新启动chrome，你就可以走了。

确保过滤盒是空的

同样的问题，但我清空了我的设置。我进入设置>首选项，点击[恢复默认值并重新加载]。只要记住你的设置。