Qr 테스트 시 오류가 발생합니다

개발
1

React Native 앱이고, 시뮬레이터와 실기기에서 테스트 할 때는 문제가 없는데 번들 업로드 후 QR로 테스트 하면 번들 로딩 끝난 뒤에 흰 화면만 보입니다. 커뮤니티에서 찾아본

  1. pnpm → npm으로 변경
    앱 테스트 관련

  2. @ts-expect-error 제거
    샌드박스 앱에서 실행 되는데 빌드 후 qr로 토스 앱으로 접속했을 때 흰 화면 발생하는 문제 - minsoo 님의 게시물 #7

을 모두 했는데 동일하네요. 앱 용량이 2.6MB에 불과해서(Sentry 설치 전 1.4MB) OOM도 아닐 것 같습니다. 가능한 다른 문제가 있을까요? 앱 이름은 brainfit 입니다.

package.json 내용은 아래와 같습니다.

{
  "name": "@brainfit/app",
  "private": true,
  "scripts": {
    "dev": "granite dev",
    "build": "granite build",
    "test": "jest --passWithNoTests",
    "typecheck": "tsc --noEmit",
    "lint": "biome check --write"
  },
  "dependencies": {
    "@apps-in-toss/framework": "1.5.1",
    "@granite-js/native": "0.1.33",
    "@granite-js/plugin-sentry": "0.1.33",
    "@granite-js/react-native": "0.1.33",
    "@sentry/react-native": "7.7.0",
    "@toss/tds-react-native": "1.3.6",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "zustand": "5.0.8"
  },
  "devDependencies": {
    "@babel/core": "7.28.5",
    "@babel/runtime": "7.28.4",
    "@biomejs/biome": "2.3.8",
    "@types/babel__core": "7.20.5",
    "@types/node": "22.10.2",
    "@types/react": "18.3.3",
    "babel-plugin-module-resolver": "5.0.2",
    "babel-preset-granite": "0.1.33",
    "typescript": "5.8.3"
  }
}

Sentry에 오류는 잡히지 않습니다. 초기화는 _app.tsx에서 하고 있습니다.

import { AppsInToss } from "@apps-in-toss/framework";
import type { InitialProps } from "@granite-js/react-native";
import * as Sentry from "@sentry/react-native";
import { TDSProvider } from "@toss/tds-react-native";
import type { PropsWithChildren } from "react";
import { Platform, UIManager } from "react-native";
import { context } from "../require.context";

Sentry.init({
  dsn: "...",
  enableNative: false,
});

if (Platform.OS === "android") {
  if (UIManager.setLayoutAnimationEnabledExperimental) {
    UIManager.setLayoutAnimationEnabledExperimental(true);
  }
}

function AppContainer({ children }: PropsWithChildren<InitialProps>) {
  return <TDSProvider>{children}</TDSProvider>;
}

export default AppsInToss.registerApp(AppContainer, { context });

감사합니다.

2

안녕하세요 :slight_smile:
말씀주신 앱 brainfit QR 테스트시 정상적으로 로딩이 되는 것으로 보여요 :thinking:
다른 기기로 테스트해도 동일하신가요 ?!

3

안녕하세요. 확인해 주셔서 감사합니다.

번들 결과물에 제 코드들이 포함되어 있지 않은 것을 발견해 디버깅 하다 보니 문제를 찾아서 수정했습니다.

require.context.ts 파일을 biome formatter가 수정했는데, '를 "로 바꾼게 문제인듯 합니다. 원래대로 되돌리니 해결되었습니다.