跳到主要内容
版本：0.82

调试发布版本

符号化堆栈跟踪​

如果 React Native 应用在发布版本中抛出未处理的异常，输出可能会被混淆且难以阅读。

07-15 10:58:25.820 18979 18998 E AndroidRuntime: FATAL EXCEPTION: mqt_native_modules
07-15 10:58:25.820 18979 18998 E AndroidRuntime: Process: com.awesomeproject, PID: 18979 07-15 10:58:25.820 18979 18998 E AndroidRuntime: com.facebook.react.common.JavascriptException: Failed, js engine: hermes, stack:
07-15 10:58:25.820 18979 18998 E AndroidRuntime: p@1:132161
07-15 10:58:25.820 18979 18998 E AndroidRuntime: p@1:132084
07-15 10:58:25.820 18979 18998 E AndroidRuntime: f@1:131854
07-15 10:58:25.820 18979 18998 E AndroidRuntime: anonymous@1:131119

在上面的堆栈跟踪中，像 p@1:132161 这样的条目是混淆后的函数名和字节码偏移量。为了调试这些调用，我们需要将它们转换为文件、行号和函数名，例如 AwesomeProject/App.js:54:initializeMap。这被称为 符号化（symbolication）。

你可以通过将堆栈跟踪和生成的 source map 传递给 metro-symbolicate 来符号化上述混淆的函数名和字节码。

启用 source maps​

符号化堆栈跟踪需要 source maps。确保在目标平台的构建配置中启用了 source maps。

信息

在 Android 上，source maps 默认是 启用 的。

要启用 source map 生成，请确保 android/app/build.gradle 中存在以下 hermesFlags。

groovy
react {
    hermesFlags = ["-O", "-output-source-map"]
}

如果操作正确，你应该会在 Metro 构建输出中看到 source map 的输出位置。

text
Writing bundle output to:, android/app/build/generated/assets/react/release/index.android.bundle
Writing sourcemap output to:, android/app/build/intermediates/sourcemaps/react/release/index.android.bundle.packager.map

使用 metro-symbolicate​

生成了 source maps 后，我们现在可以转换堆栈跟踪了。

# 打印使用说明
npx metro-symbolicate

# 从包含堆栈跟踪的文件
npx metro-symbolicate android/app/build/generated/sourcemaps/react/release/index.android.bundle.map < stacktrace.txt

# 来自 adb logcat (Android)
adb logcat -d | npx metro-symbolicate android/app/build/generated/sourcemaps/react/release/index.android.bundle.map

关于 source maps 的注意事项​

  • 构建过程可能会生成多个 source maps。确保使用示例中显示位置的那个。
  • 确保你使用的 source map 对应于崩溃应用的确切提交。源代码的微小更改可能导致偏移量产生巨大差异。
  • 如果 metro-symbolicate 立即成功退出，请确保输入来自管道或重定向，而不是来自终端。