如何找出React Native中的错误和位置
在React Native中找出错误和位置的方法有以下几种：
- 控制台日志：React Native提供了一个控制台日志系统，可以在开发过程中输出日志信息。通过在代码中使用console.log()或console.error()等方法，可以将相关信息打印到控制台。开发者可以根据输出的日志信息来定位错误和位置。
- 调试工具：React Native提供了一些调试工具，如React Native Debugger和Flipper。这些工具可以帮助开发者在开发过程中实时监测应用程序的状态、网络请求、Redux状态等，并提供了调试界面和控制台，方便开发者查看错误信息和定位错误位置。
- 错误边界：React Native引入了错误边界的概念，开发者可以使用ErrorBoundary组件将可能出错的组件包裹起来。当被包裹的组件发生错误时，错误边界会捕获错误并展示备用UI，同时也会输出错误信息到控制台，帮助开发者定位错误位置。
- 远程调试：React Native支持通过远程调试工具来调试应用程序。开发者可以在设备上运行应用程序，并将其连接到开发机上的调试工具。通过远程调试工具，开发者可以实时查看应用程序的状态、执行代码、查看错误信息等，从而快速定位错误和位置。
需要注意的是，以上方法都是针对React Native本身的错误和位置定位。如果涉及到与其他库或第三方组件的集成，可能需要参考相关文档或社区支持来定位错误和位置。此外，建议开发者在开发过程中遵循良好的编码规范，使用调试工具和测试工具进行代码调试和测试，以减少错误的发生和提高定位效率。
相关·内容
2回答
反应ErrorBoundary -只是不能让它起作用
javascript、reactjs、redux、error-handling
抱歉，我知道有人问过这个问题，但我找不到一个对我有用的例子。如果有这么多人在挣扎，那似乎是不容易理解的。
我只需要知道如何捕捉错误的反应，以一种干净，简单的方式。我正在使用CRA2.0/React 16.7。我希望在操作级别设置一个try/catch块，因为业务逻辑集中在我的应用程序中。
我读了这篇文章并按描述实现了它，但是我的ErrorBoundary对象从不捕获错误。
示例：
import React, { Component } from "react";
class ErrorBoundary extends Component {
constructor(p
浏览 0提问于2019-02-23得票数 6
回答已采纳
1回答
与React路由器一起使用react错误边界
reactjs、react-router、react-error-boundary
我们正在尝试使用react边界(v6)，但似乎需要用一个错误边界包装每个路由元素，如下所示
import { ErrorBoundary } from "react-error-boundary";
export const AppRoutes = createBrowserRouter([
{
path: "/",
element: <ErrorBoundary FallbackComponent={GlobalError}><Login /></ErrorBoundary>
},
{
path: "
浏览 16提问于2022-10-10得票数 1
2回答
React 16错误边界分量(使用componentDidCatch)显示未见误差
javascript、reactjs、create-react-app
我使用启动了一个应用程序，我有一个组件：
import React from 'react'
export default class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
componentDidCatch(error, info) {
console.log('shouldnt I see this logged??')
thi
浏览 2提问于2017-10-19得票数 7
回答已采纳
3回答
如何使用Jest /酶在React中为ErrorBoundary编写测试用例
reactjs、jestjs、enzyme
我一直在尝试(但没有成功)为通过componentDidCatch生命周期方法处理错误的ErrorBoundary组件编写测试用例。尽管<ErrorBoundry>组件内部的子组件产生了错误，但<ErrorBoundry>不会呈现代码中的错误信息，而是错误组件的内容(如果它可以正常工作的话)。组件在生产/开发中按预期工作，但当它被Jest / Enzyme执行以进行测试时，则不能正常工作。
测试错误：
PASS src/ErrorBoundary.test.js
● Console
console.error node_modules/fbjs/lib
浏览 0提问于2018-04-07得票数 24
1回答
如何处理反应中的错误边界？
javascript、reactjs、error-handling
我试图为一个简单的application.When添加错误边界--我点击了一个按钮“出了问题”应该显示在screen.But中--在我的例子中，它不像screen.But那样显示，我理解ErrorBoundary.js不工作，因为我尝试了控制台日志it.When，我在屏幕上运行了这个应用程序，它显示错误:不正确的点击
App.js
import './App.css';
import Button from './Components/Button';
import ErrorBoundary from './Components/ErrorBounda
浏览 2提问于2020-11-09得票数 0
3回答
ErrorBoundary不在React中重新呈现回退UI
javascript、reactjs
我正在遵循reactjs.org上的教程，并练习使用错误边界来捕获错误。我已经编写了自己的代码，类似于本教程的代码，但我发现边界不会重新呈现回退UI。我使用的是React的16.8.6版本。下面是我的代码：
ErrorBoundary.js：
import React from 'react'
export const ErrorContext = React.createContext({
error: null,
errorInfo: null,
clickCount: 0,
increment : () =>{},
})
export d
浏览 29提问于2019-07-26得票数 1
2回答
无法在Android Studio中调试React Native
android、facebook、reactjs、react-native
我正在尝试使用react native进行android应用程序开发。我使用android studio来做这件事，但是我无法调试为react native开发的.js文件。每当代码有任何问题，它给我的错误，意想不到的令牌，我无法知道如何调试或获得适当的错误。有没有任何框架可用于开发Android应用程序的React native。我已经想出了很多，但无法得到任何解决方案来调试基于React Native的android应用程序。
浏览 3提问于2016-04-13得票数 3
1回答
对于本地运行asp.net mvc 3应用程序，我可以在Visual 2010中查看调试级别日志记录输出吗？
.net、asp.net、asp.net-mvc、visual-studio、visual-studio-2010
在过去的一年中，我一直在使用IntelliJ和Grails，但现在我正在从事Visual 2010和ASP.NET MVC 3项目。使用前者，我得到一个控制台窗口，其中包含各种调试信息，包括GORM生成的SQL和堆栈跟踪，因为它们发生在简单的配置中。现在，我已经有几年没有开发ASP.NET应用程序了(当时的WebForms)，但我不记得Visual中有类似的东西。是否有任何方法可以查看实时调试日志输出，包括LINQ生成的语句、重要的web服务器事件(当前使用内置的开发服务器)以及何时发生堆栈跟踪？
谢谢。
浏览 3提问于2011-05-25得票数 2
1回答
我尝试了新的ErrorBoundary功能的ReactJS 16，我试图使用它来捕获未定义的变量，呈现某些组件。这使得我的整个应用程序表现得很奇怪。我试图封装未定义变量的副作用，以便组件优雅地分解。我在这里定义了ErrorBoundary组件如下-
import React, { Component } from "react";
class ErrorBoundary extends Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
浏览 5提问于2017-10-04得票数 3
2回答
当错误边界捕获路由中的错误时，路由器停止工作。
reactjs、react-router、react-error-boundary
代码链接到下面，使用react-router和一个错误边界来捕获每个路由中的错误。
如果您单击"Shop"，则会按预期捕获错误，但其他链接将不再工作。这里发生了什么事？为什么react-router-dom似乎停止工作？做这件事的“正确”方法是什么？是<ErrorBoundary>组件的问题，还是路由组件包装的方式问题？
如果代码链接发生了什么情况：
const { BrowserRouter, Switch, Route, NavLink } = ReactRouterDOM;
class ErrorBoundary extends React.Compon
浏览 1提问于2020-02-12得票数 4
回答已采纳
1回答
使用ErrorBoundary组件在同一页面上反应JS shwo错误
reactjs、react-native、error-handling、react-redux、react-router
我们已经实现了ErrorBoundary组件方法来支持我们网站的通用错误处理，它工作得很好，但我们想在同一页上弹出一个错误消息，这可能吗？
ErrorBoundary组件代码如下图所示：
import React from 'react';
import PhyndMenu from './menu/phyndMenu';
import { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';
class ErrorBoundary extends React.Com
浏览 0提问于2018-09-17得票数 1
2回答
是否应该修复仅在远程调试器中出现的警告？| React Native
react-native、expo
我正在使用React Native和Expo开发一个应用程序，我有以下情况:当Expo中禁用远程调试时，我没有任何警告。但是当我开始远程调试时，出现了警告Cannot perform a React state update on unmounted component。 这是否意味着，当应用程序在移动设备上运行时，只有在Chrome中执行时，才会真的没有问题？或者只是在没有远程调试的情况下不显示？那么，我是否需要修复这个可能的内存泄漏，或者它只与调试模式有关？任何解释都将不胜感激。
浏览 22提问于2021-07-29得票数 1
4回答
使用ErrorBoundary创建React没有显示错误消息
reactjs、create-react-app
我正在学习如何使用componentDidCatch()。它向前看。它可以工作，但仍要在视图中显示完整的错误堆栈。
在单独的档案：
import React, { Component } from 'react'
class ErrorBoundary extends Component {
constructor(props) {
super(props);
this.state = {
hasError: false
}
}
componentDidCatch(error, info) {
console.log(
浏览 0提问于2018-01-20得票数 26
回答已采纳
1回答
错误边界不能捕获来自阿波罗客户端的错误
reactjs、error-handling、apollo、react-error-boundary
我试着在顶层捕捉一些错误，以显示世界上最漂亮的错误页面。
由于某种原因，我看到我的节点断开了，但是错误边界从不触发。
import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import ApolloClient, { gql } from 'apollo-boost';
const client = new ApolloClient({ uri: "/graphql" });
const query = gql`
浏览 6提问于2020-02-19得票数 0
回答已采纳
1回答
为什么路由即使在使用ErrorBoundary时也停止工作？
reactjs、error-handling、routing、react-router
我们的应用程序使用捕捉错误。这很好，它在定义的位置显示了一个错误消息，就像它应该显示的那样。但是在错误表现出来后，路由停止工作，本质上破坏了应用程序！
我觉得这有点奇怪，因为这个应用程序似乎不起作用:当我单击链接和/或使用后退按钮时，DevTools显示routing/LOCATION_CHANGED动作被分派(我正在监听history对象)，url被更新，但没有呈现新的路由/屏幕。
由于React和Redux都在工作，所以我已经指出了React路由器，因为它是处理路由的主要组件。有人知道我怎样才能阻止它的破坏吗？
示例错误
此错误来自连接的组件，并发生在mapStateToProps中。
c
浏览 0提问于2019-08-26得票数 2
2回答
使用react本机调试器查看网络流量
react-native、expo、react-devtools、react-native-debugger
我正在使用create- React - Native -app (所以，Expo)开发一个react native应用程序，并使用我的网络IP地址(192.xxx.xxx.xxx)在真实设备上进行测试。我已经成功地启动并运行了react-native调试器，并进行了远程调试。它在3个不同的窗口中打开rn-debugger，redux devtools和chrome devtools。
我的问题是，是否可以从Chrome开发者工具中查看网络选项卡的等价物，以显示进出应用程序的所有网络流量(例如，当我的应用程序使用Axios调用API时)？
Chrome开发工具窗口中的实际网络选项卡可能只是显示
浏览 3提问于2018-09-07得票数 4
回答已采纳
3回答
从反应-误差边界使用useErrorHandler钩子复位后行程的误差边界
reactjs、react-error-boundary
在应用程序抛出任何错误时，我使用react error边界包来显示掉落的UI。这个包裹对我很好。我需要了解如何重置应用程序错误状态，如果我转到以前的页面，使用浏览器返回按钮，因为回到以前的页面，也显示掉的UI，而不是原来的组件。无论如何，我们可以呈现原始组件吗？
在下面的代码中，用户将在Page2上抛出错误，因为我将空对象作为支持传递。在这种情况下，它将显示后备屏幕。如果我单击“后退”按钮，仍然会在Page1上显示后备屏幕，这是我不希望看到的。
App.js
const errorHandler = (error) =>{
console.log(error)
}
<
浏览 20提问于2022-04-06得票数 6
回答已采纳
1回答
在ErrorBoundary中，我想知道错误的原因。
例如，以下组件引发错误“未捕获TypeError:无法读取null的属性'foo‘”。
我想在ErrorBoundary中捕获此消息并记录它。但是，我可以获得组件的堆栈跟踪，但不能获得这样的错误。
有没有更好的方法呢？
组件：
const BugComponent = () => {
// set Null
const [value, setValue] = useState(null);
// "Uncaught TypeError: Cannot read property 'fo
浏览 18提问于2020-05-28得票数 1
1回答
反应错误边界根本不起作用
javascript、reactjs、error-handling
我有一个组件，它在其呈现方法中生成一个错误。
在树的上层，组件被connect()编辑成一个资源，使用react-redux来获取数据，我还有其他HOCS等等(注入类等等)。
组件使用错误边界，以防(例如)提供给它的资源中缺少属性(常见问题)。
我提取了最小的示例，访问未定义的属性来复制相同的错误：
import React from 'react'
// An Error Boundary which returns either a fallback component (if supplied to props) or (default) an empty div, i
浏览 0提问于2019-05-21得票数 6
回答已采纳
2回答
用于远程记录(调试) React本机生产应用程序的工具
react-native、debugging、logging
React Native有没有什么工具可以远程调试或者把生产应用的日志发送给我？我想用它来跟踪我的测试用户在没有他们的情况下需要与应用程序交互时遇到的错误。
浏览 21提问于2019-10-08得票数 0
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
