使用CodePush的Sentry React-Native不使用源映射

Question

我似乎无法弄清楚。有人可以帮我解决这个问题吗？我正在使用CodePush上传我的应用，并且我希望Sentry处理我的错误，因为appcenter诊断不是很好。

我在我的应用程序的根组件中拥有这个...

if (process.env.NODE_ENV === 'production') {
  Sentry.config('****',{
    deactivateStacktraceMerging: false
  }).install();
  codePush.getUpdateMetadata().then((update) => {
    if (update) {
      Sentry.setVersion(update.appVersion + '-codepush:' + update.label);
    }
  });
}

我有一个部署软件包脚本，该脚本将部署到codepush并运行在其文档中找到的哨兵命令

appcenter codepush release-react -a account/project --output-dir ./build && export SENTRY_PROPERTIES=./ios/sentry.properties && sentry-cli react-native appcenter account/project ios ./build/codePush

每次我捕获到一个错误或捕获到一个错误时，我都缺少有关哪个文件引发该错误的实际信息，并且在展开该错误时，我会在顶部看到There was 1 error encountered while processing this event并显示Source code was not found for app:///main.jsbundle。

我觉得这一定是因为哨兵无法正确连接到codepush以获得我的源地图？

Answer 1

我遇到了同样的问题-所有内容都上传到Sentry并附加到发行版中，但是问题显示此警告。

对我来说，问题是应用程序和Sentry Release中的捆绑包ID不同，同步解决了问题。

Answer 2

我在同一堆栈上工作，并且捆绑软件正在哨兵中上载，但是我有两个问题：

1. 在哨兵documemtation中，他们提供了此命令-
   sentry-cli react-native appcenter YourApp ios ./build/CodePush --dist YourBuildNumber。
   YourBuildNumber是什么，是应用程序版本，某些哨兵构建版本，codepush版本标签还是其他版本？

2. 我正在以缩小的js格式获取错误跟踪，有没有一种方法可以按文件方式正确获取堆栈跟踪。

Answer 3

通过CLI上传源地图时，您需要使用Sentry.init和release选项调用dist，并传递与标志相同的值。

按照Sentry Docs

如果要与CodePush一起使用Sentry，则必须将release和dist传递给Sentry.init。我们的建议是将它们存储在app.json中，或者您可以只使用package.json。这些值对于代码库的每个版本都必须是唯一的，并且必须与源映射上的版本完全匹配，否则可能不会被符号化。

例如：

Sentry.init({
  dsn: YOUR_DSN,
  release: '1.0',
  dist: 'v1',
});

然后要上传源地图时：

export SENTRY_PROPERTIES=./ios/sentry.properties
sentry-cli react-native appcenter \
account/project \
ios ./build/codePush \
--release-name "1.0" \
--dist "v1"

您的release和dist可以是任意字符串，但是Sentry建议使用以下格式：

${BUNDLE_ID}@${APP_VERSION}+codepush:${DIST}

Answer 4

经过一些试验和失败（因为 Sentry 文档具有误导性），最终在 bash 脚本中按照以下步骤使用 AppCenter 代码推送使源映射适用于 iOS 和 Android：

MY_APP_NAME="e.g. Sentry account/project"
MY_BUNDLE_ID="e.g. com.company.superapp"
MY_APP_ENV="e.g. development, staging or production"
NATIVE_VERSION="e.g. 1.2.3"
PLATFORM="e.g. ios or android"

# Build and release to appcenter
appcenter codepush release-react \
-a "$MY_APP_NAME" \
-d "$MY_APP_ENV" \
-m -t "$NATIVE_VERSION" \
--sourcemap-output \
--output-dir "./build/$PLATFORM"

export SENTRY_PROPERTIES="./$PLATFORM/sentry.properties"

# Get label and name of latest release
LABEL=$(appcenter codepush deployment history $MY_APP_ENV -a $MY_APP_NAME --output json | jq '.[-1][0]' -r)
RELEASE_NAME="$MY_BUNDLE_ID@$NATIVE_VERSION+codepush:$LABEL"


# Upload sourcemap
sentry-cli react-native appcenter \
"$MY_APP_NAME" "$PLATFORM" "./build/$PLATFORM/CodePush" \
--deployment "$MY_APP_ENV" \
--release-name "$RELEASE_NAME" \
--dist "$LABEL"

并在 app.ts（或类似的）中执行此初始化：

  Sentry.init({...});

  codePush.getUpdateMetadata().then(update => {
    if (update) {
      if (MY_APP_ENV === 'production')) {
        Sentry.setRelease(
          `${MY_BUNDLE_ID}@${update.appVersion}+codepush:${update.label}`,
        );
      } else {
        Sentry.setRelease(
          `${MY_BUNDLE_ID}.${MY_APP_ENV}@${update.appVersion}+codepush:${update.label}`,
        );
      }
      Sentry.setDist(update.label);
    }
  });

环境：

appcenter version: 2.7.3
@sentry/react-native: 2.5.1