console.log 不适用于 react-native

Posted 2023-03-12

【中文标题】console.log 不适用于 react-native

【英文标题】：console.log doesn't work with react-native

【发布时间】：2018-12-24 09:15:47

【问题描述】：

我从 react-native 开始，但遇到了这个问题：我无法登录到 bundler Metro 服务器。

如果我使用create-react-native-app 创建我的应用程序，我可以执行“console.log”并将值记录到 Metro 捆绑器（在端口 8081 上运行）。

但如果我使用react-native init <project> 创建我的应用程序，这将不起作用。要让console.log 工作，我需要打开 Chrome DevTools 并在应用程序中设置远程调试。

所以我的问题是：有没有办法让本机代码使用console.log 登录bundler 控制台？我不想使用“create-react-native-app”，因为它使用 Expo，而“realm”数据库不支持 expo。

我在 windows 和 linux 中都尝试过 react-native 0.55.4 和 0.56。

【问题讨论】：

试试npmjs.com/package/react-native-log-ios，不用远程JS调试就可以了！

【参考方案1】：

您还可以使用以下命令查看 console.log() 输出：

$ react-native log-android
$ react-native log-ios

注意：它也适用于调试原生错误，例如当您有一个空白屏幕并且 Metro bundler 也不显示错误时。

更多信息您可以check this out

【讨论】：

Command log-android unrecognized. Make sure that you have run npm install and that you are inside a react-native project. 请您解释一下有什么问题吗？

对我不起作用，我只看到通用的 React Native 日志消息，例如 Initializing React Xplat Bridge.。

它对我不起作用。我是 MacOS，我已经使用“npm install react-native”安装了 react native，命令“react-native log-android”向我显示了一些类似于 Metro 但它不显示 console.log 输出.

【参考方案2】：

不知道我是否正确理解了你的问题（因为我的英语），但你可以试试这个：

在终端运行 adb logcat *:S ReactNative:V ReactNativeJS:V 来查看 您的 Android 应用的日志。

取自Using adb logcat for React Native Debugging

【参考方案3】：

您可以下载 React Native Debugger 并在开发菜单中打开您的 JS Debugger。您可以在 RN Debugger 中查看所有内容。

【参考方案4】：

我发现如果您从调试菜单中禁用远程调试，控制台日志中会省略 console.log

【参考方案5】：

在 Mac 上。在ios模拟器上点击

Command-d->停止调试

。这让我可以进行日志记录。