如何在 React Native 中显示错误

Question

我正在学习反应原生，所以当程序崩溃时，它只显示15:31:42: Failed building JavaScript bundle这就是它所说的一切。那么我可以使用任何文件或工具来查找更多详细信息错误，例如 Eclipse 或 dotCMS 日志文件，或者我的哪一行代码有语法错误？

Answer 1

希望这个例子能帮助你。

    import React, { Component } from 'react';
    import { StyleSheet, View, Text } from 'react-native';
    export default class App extends Component {
      state = {
             items: [],
             errorMessage : 'Server Error!'//You have to set this message depends on your server response
             }
      render() {
        return (
          <View style={styles.MainContainer}>
            <Text style={{ fontSize: 23 }}> { this.state.errorMessage } </Text>
          </View>
        );
      }
    }
    const styles = StyleSheet.create({
      MainContainer: {
        flex: 1,
        paddingTop: 20,
        alignItems: 'center',
        marginTop: 50,
        justifyContent: 'center'
      }
    });

Answer 2

对于开发，只需使用控制台.log并在启用远程调试时进行调试。对于生产，您可以使用Fabric，我喜欢它。有关调试的更多信息，请遵循文档

Answer 3

您可以使用 Chrome 开发者工具。

首先在模拟器中打开开发人员工具。然后按 命令+D 键盘快捷键。它将打开开发人员工具。

要在 Chrome 中调试 JavaScript 代码，请从开发者菜单中选择"远程调试 JS"。这将在 http://localhost:8081/debugger-ui 处打开一个新选项卡。

然后，您可以在chrome浏览器上使用"检查元素"。然后，您可以选择控制台。

当应用程序中出现问题时，您可以从谷歌浏览器的控制台进行跟踪。

http://facebook.github.io/react-native/releases/0.49/docs/debugging.html#chrome-developer-tools