Back

reactnative - 5. 如何debug

发布时间: 2018-12-22 07:22:00

react native属于对原生底层语言(android, iOS)的封装, 就是说,多了一层框架。(暂且理解成react native)

从顶层到底层基本是:

我们写的代码 ( <Button title = .../> )

EM6的解析包

React Native 层( 例如Android中的js VM)

原生开发层(例如 Android Activity.java )

所以,在报错的时候, 我们会看到很多跟我们的代码无关的错误,有Babbel的错误(ES6解析包)

例如,下图就是一个报错页面, (统称 红屏),这个页面是由于 App.js中某个 <Button 标签没有正确闭合引起的

解决办法:

1. 遇到红屏不要慌, 多google, 多百度

2. 仔细看里面的文字提示,可以看到端倪。

3. 多做log,  一行一行的代码做分析。 

Back