ReactNative 在 Debug 的情況下恤磷，其實(shí)還是很貼心的，如果出現(xiàn)崩潰的 Bug扫步，會直接出紅屏，提示你崩潰的棧的具體信息河胎，這些內(nèi)容可以幫助你快速的定位問題闯袒。
而假如現(xiàn)在同樣的代碼，使用 Release 模式的話游岳，則會直接崩潰了。來看看崩潰的 Log 輸出胚迫。
那么接下來來看看如何定位到這個崩潰的真實(shí)代碼，value@304:1133 這里访锻，就是線索褪尝。
react-native 命令，還有一個可配置的參數(shù) —sourcemap-output期犬，它就是我們需要的。
react-native bundle
--platform android
--dev false
--entry-file index.js
--bundle-output android/app/src/main/assets/index.android.bundle
--assets-dest android/app/src/main/res/
--sourcemap-output android-release.bundle.map
注意這段命令龟虎，需要在 ReactNative 目錄的根目錄下執(zhí)行，否者會提示你找不到 node_module 遣总。執(zhí)行完成轨功，就可以在 ReactNative 項目目錄下容达，看到輸出的 android-release.bundle.map 文件了。
解析這個 source-map 花盐，NodeJs 為我們提供了一個專門的庫來解析，這里不多解釋柒昏，直接上代碼熙揍。
var sourceMap = require('source-map');
var fs = require('fs');
fs.readFile('../android-release.bundle.map', 'utf8', function (err, data) {
var smc = new sourceMap.SourceMapConsumer(data);
console.log(smc.originalPositionFor({
line: 304,
column: 1133
}));
});
注意看這里指定的 304 行 1133 列，我們運(yùn)行一下届囚，看看輸出。
到此泥耀，我們算是完成了 ReactNative App蛔添，崩潰分析的一個完整的鏈路邏輯，我們只需要自己寫個腳本工具迎瞧，就可以幫我們精準(zhǔn)定位了。
前面有點(diǎn)長蜘醋，這里總結(jié)一下本小結(jié)的內(nèi)容。
ReactNative 不同的編譯模式压语，使用的 JS 來源不同编检。Debug 模式來自 Packager Server，而 Release 模式允懂，來自 Apk 的 assets 目錄。
Debug 模式下的崩潰粥航，會觸發(fā)紅屏，而 Release 模式下的崩潰递雀，會直接導(dǎo)致 App 崩潰。
Debug 模式缀程，之所以可以顯示崩潰棧的基本信息，是因?yàn)榫幾g的 JS 文件中，包含了對應(yīng)的源文件和代碼行號撩满。而這些在 Release 模式下的 JS 是沒有的。
Release 模式的崩潰棧是被混淆后的，可以通過崩潰棧顯示的行號和列號曼追，來定位代碼礼殊，但是無法定位具體源文件针史。
通過 react-native 命名，增加 --sourcemap-output參數(shù)婚陪，指定輸出需要的混淆 Mapping 文件，它其內(nèi)包含了混淆的信息。
解讀 ReactNative Mapping 文件常空，可以使用 source-map 這個 NodeJs 庫來進(jìn)行解析漓糙，可以精準(zhǔn)定位到行號和源文件名。
另外蝗蛙，RN 項目很容易崩潰
經(jīng)常使用發(fā)行包進(jìn)行測試的開發(fā)者們可能會發(fā)現(xiàn)，在發(fā)行版本中捡硅，如果出現(xiàn)了腳本錯誤，還是會直接閃退牍蜂。我們可能會希望捕獲這種錯誤鲫竞，給予用戶合理的提示从绘，并采集錯誤詳情幫助后續(xù)版本改進(jìn)是牢。這時候可以使用如下的代碼：
require('ErrorUtils').setGlobalHandler(function(err) {
// 做你自己的任何處理
});
實(shí)驗(yàn)代碼如下：
require('react-native')
require('ErrorUtils').setGlobalHandler(function (err) {
console.log('Just ignore');
});
setTimeout(()=>{
throw new Error(‘Ouch');
}, 10000);
require('./src/app'); // 正常啟動app
