expo + react-native:发送日志消息时出现问题

Question

我正在构建一个反应原生的应用程序,我最近搬到了世博会.该应用程序似乎显示预期的屏幕,但在它完成之前,我收到以下错误消息:console.error:"将日志消息发送到您的开发环境时出现问题,{"name":"Error"}".当我查看expo浏览器屏幕时,当我点击设备时,我看到以下堆栈跟踪:

  node_modules/expo/build/logs/LogSerialization.js:146:14 in _captureConsoleStackTrace
  node_modules/expo/build/logs/LogSerialization.js:41:24 in Object.serializeLogDataAsync$
  node_modules/regenerator-runtime/runtime.js:62:39 in tryCatch
  node_modules/regenerator-runtime/runtime.js:288:21 in Generator.invoke [as _invoke]
  node_modules/regenerator-runtime/runtime.js:114:20 in Generator.prototype.(anonymous
  node_modules/regenerator-runtime/runtime.js:62:39 in tryCatch
  node_modules/regenerator-runtime/runtime.js:152:19 in invoke
  node_modules/regenerator-runtime/runtime.js:187:10 in <unknown>
  node_modules/promise/setimmediate/core.js:45:4 in tryCallTwo
  node_modules/promise/setimmediate/core.js:200:12 in doResolve

以下是错误的屏幕截图:

这个错误是什么意思？我发现一些文档指的是删除console.log语句并删除了我所拥有但没有帮助的语句.

Answer 1

今天早上我也遇到了这个奇怪的错误.我正在使用Expo Client开发一个应用程序,用于我正在使用流行的MERN堆栈(mongoDB,Express,React Native和Node.js)构建的应用程序.我提到这是因为我使用了很多,我的意思是后端有很多控制台日志,这并没有给我带来任何问题.所以在我的情况下,我不确定这个错误是否来自我正在使用的任何console.log.我在控制台(在端口19001中)检查了expo调试器的堆栈跟踪,因为红色屏幕没有提供有关错误来源的大量信息(很多<unknown>代替函数),我发现它与它有关当我执行与后端通信的特定操作时,我的动作函数和我发送到reducer的有效负载.后端的响应格式如下:

payload: {
  config: {
     .
     .
     .
 }
 data: { the only part that i needed... }
 headers: {
    .
    .
    .
}

..other stuff from the response..

上面没什么值得注意的,但是这个:

我感兴趣的实际paylaod是在prop键下,data并且是我在响应中唯一需要的东西.但是,在我的无知中,我把所有东西送到我的减速机.因此,我要说的是,我会发送一个非常大object的payload,我只需要它的一部分.因此,当我进行一些解构并保留data上面提到的内容时,错误就消失了.

总之,对别人可能碰到这个"错误",这实际上不是一个错误绊倒,BC应用程序不会崩溃或任何东西,因为你可以关闭该窗口和应用程序的推移,当你做一些从取服务器,确保只保留data而不是整个response对象,以及来自呼叫的元.似乎redux-logger抛出这个bc它不喜欢它的结构.

我希望这对你也有帮助.

Answer 2

我也遇到过这个问题，但由于其他原因。

背景：

项目堆栈（对错误来说重要的是什么）：

expo: ^34.0.1 react-native: SDK 34 react-navigation: 4.0.5 react-navigation-drawer: ^2.2.1

在这个项目中，我没有使用react-redux或axios实际上正在使用graphql,@apollo/react-hooks并apollo-boost处理网络请求和本地状态管理。

回答：

正如您在背景中所看到的，我正在使用react-navigation. 我正在createDrawerNavigator根据React Navigation API创建一个抽屉导航器

我想使用 的contentComponent属性DrawerNavigatorConfig来创建自定义DrawerNavigatorItems.

我在contentComponent属性中放置了匿名箭头函数，唯一的参数是props.

这导致了错误：

我console.log()在上面提到的匿名箭头函数中放置了一个

我在我的 iOS 模拟器上收到错误消息：`console.error: “向您的开发环境发送日志消息时出现问题”

请参阅下面的代码：

import {createDrawerNavigator, DrawerNavigatorItems} from "react-navigation-drawer";
import ProfileNavigator from "../Profile/Profile";
import Colors from "../../constants/colors";
import {AsyncStorage, Button, SafeAreaView, View} from "react-native";
import React from "react";
import {Logout} from "../Common";
import HomeNavigator from "../Home/Home";

const AppDrawerNavigator = createDrawerNavigator(
    {
        Profile: ProfileNavigator
    },
    {
        contentOptions: {
            activeTintColor: Colors.primary
        },
        contentComponent: props => {
            console.log(props) // THIS IS THE ISSUE CAUSING THE ERROR!!!!!!
            return (
                <View style={{ flex: 1, paddingTop: 20 }}>
                    <SafeAreaView forceInset={{ top: 'always', horizontal: 'never' }}>
                        <DrawerNavigatorItems {...props} />
                        <Button
                            title="Logout"
                            color={Colors.primary}
                            onPress={Logout}
                        />
                    </SafeAreaView>
                </View>
            )
        },
        drawerType: 'slide',
        unmountInactiveRoutes: true
    }
)

export default AppDrawerNavigator

Answer 3

为了简化上面的所有答案，此问题仅在您记录一个太大而无法显示控制台的对象时发生。因此，当记录来自 API 或服务器的响应时，请务必添加 JSON.stringify(result)。这为我解决了这个问题。

Answer 4

这是由于React本机控制台记录器无法解析来自Axios的JSON对象。我可以保证任何出现此错误的人在将其登录到控制台之前都不会解析JSON对象。

将给出此错误的代码：

Axios.post(URL).then(function (response)
{
console.log("POST RESPONSE: "+response);
}

修复此错误的代码：

Axios.post(URL).then(function (response)
{
console.log("POST RESPONSE: "+JSON.stringify(response));
}

Answer 5

倾倒取调用的结果时，控制台就像我得到这个错误一致：console.log(result)。
一旦我使用：

console.log(JSON.stringify(result)) 

问题就解决了。