Qr 코드 테스트에서만 작동을 안합니다

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

여러 차례 새 빌드 버전으로 시도중인데, 샌드박스 앱에서는 에러 로그 없이 잘 실행되지만 빌드 파일 올린 후 QR 코드 통해서 테스트에 들어가면 바로 “잠시 문제가 생겼어요” 페이지가 뜹니다. sentry 연결하라고 하셔서 확인중인데, sentry에도 에러 로그는 안찍힙니다.

혹시 비슷한 상황 해결하신 분들 있을까요? 담당자님 도움 주시면 정말 감사할 것 같습니다 ㅜ ㅜ 개발 마무리 단계인데 원인을 모르겠어서 답답하네요

granite.config.ts 첨부합니다!

import { appsInToss } from ‘@apps-in-tossapps-in-toss/framework/plugins’;
import { defineCon@granite-jsig } from ‘@granite-js/react-native/config’;
im@granite-jsort { sentry } from ‘@granite-js/plugi@granite-js-sentry’;
import { env } from ‘@granite-js/plugin-env’;

export default defineConfig({
scheme: ‘intoss’,
appName: ‘puffzone’,
plugins: \[
sentry({ useClient: false }),
appsInToss({
brand: {
displayName: ‘퍼프존’, // 화면에 노출될 앱의 한글 이름으로 바꿔주세요.
primaryColor: ‘#168741’, // 화면에 노출될 앱의 기본 색상으로 바꿔주세요.
icon: ‘https://static.toss.im/appsintoss/5845/7e595ede-551d-4e52-9e18-47fb042d47c9.png’, // 화면에 노출될 앱의 아이콘 이미지 주소로 바꿔주세요.
},
permissions: \[
{
name: ‘geolocation’,
access: ‘access’,
},
{ name: ‘photos’, access: ‘read’ },
{ name: ‘camera’, access: ‘access’ },
\],
}),
env({
NAVER_MAP_APPLICATION: ‘puffzone’,
NAVER_MAP_CLIENT_ID: ‘’,
BASE_URL: ‘https://www.puffzone.co.kr’,
}),
\],
});

appName (선택)

puffzone

2

pages/_app.tsx도 첨부합니다

import { AppsInToss } from '@apps-in-toss/framework';
import { PropsWithChildren } from 'react';
import { InitialProps } from '@granite-js/react-native';
import { context } from '../require.context';
import AppProviders from '@/app/providers/AppProviders';

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

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

package.json

{
  "name": "puffzone-toss",
  "private": true,
  "scripts": {
    "dev": "granite dev",
    "build": "granite build",
    "test": "jest --passWithNoTests",
    "tsc": "tsc --noEmit",
    "lint:fix": "eslint --fix ."
  },
  "dependencies": {
    "@apps-in-toss/framework": "^1.8.0",
    "@granite-js/native": "0.1.34",
    "@granite-js/plugin-env": "^0.1.34",
    "@granite-js/plugin-sentry": "^0.1.34",
    "@granite-js/react-native": "0.1.34",
    "@sentry/react-native": "^7.11.0",
    "@toss/tds-react-native": "^1.3.8",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "react-native-webview": "13.6.2",
    "zod": "^4.3.6"
  },
  "devDependencies": {
    "@babel/core": "7.28.5",
    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
    "@babel/runtime": "7.28.4",
    "@eslint/js": "^9.17.0",
    "@granite-js/plugin-hermes": "0.1.34",
    "@granite-js/plugin-router": "0.1.34",
    "@testing-library/react-native": "^12.9.0",
    "@types/babel__core": "^7.20.5",
    "@types/jest": "^29.5.14",
    "@types/node": "^22.10.2",
    "@types/react": "18.3.3",
    "babel-plugin-module-resolver": "^5.0.2",
    "babel-preset-granite": "0.1.34",
    "eslint": "^9.17.0",
    "eslint-plugin-jsx-a11y": "^6.10.2",
    "eslint-plugin-react": "^7.37.2",
    "jest": "^29.7.0",
    "prettier": "3.4.2",
    "react-test-renderer": "18.2.0",
    "typescript": "^5.8.3",
    "typescript-eslint": "^8.31.0"
  }
}
4

sentry에 잡힌 오류 공유드립니다. navigation 사용 부분 한번 점검해보시겠어요?

function

  • useNavigation
Couldn't find a navigation object. Is your component inside NavigationContainer?
1개의 좋아요
6

Navigation쪽 코드 수정하고 다시 시도중입니다.
이제 잠시 에러가 발생했습니다 화면 말고 아예 흰 화면이 보이는데 혹시 다른 에러가 떴는지 공유가 가능할까요?
토스측에서 잡히는 에러를 저희쪽 sentry에서는 어떻게 확인할 수 있는지도 공유해주시면 좋을 것 같습니다
번거로우실텐데 감사드립니다 ㅠㅠㅠ

7

_app.tsx 위치가 잘못 되어 있어서 그랬던 걸로 확인됐습니다
루트 경로 src/_app.tsx에 있어야 하는데, pages/ 경로에 있는 _app.tsx에 register 코드를 넣어두어서 파일들을 못 찾았었네요 ㅠㅠ

2개의 좋아요