테스트 접속 시 아무것도 뜨지 않음

번들 업로드까지 완료하였으나,

접속 시 빈 화면만 뜨고 원인을 알 수 없습니다.

채팅 상담이 막혀있어 확인 요청 드립니다. (앱 ID: pb-internet)

@phonebmarket 님 안녕하세요

앱 브릿지가 뜬 이후 흰 화면이 노출이 된다면 CORS 확인 부탁드립니다.

혹시 앱 브릿지도 안뜨실까요?

네 앱 브릿지도 뜨지 않습니다

디버깅 시에도 아무것도 노출되지 않으실까요?

테스트를 위해 QR코드 전달 부탁드립니다.

intoss-private://pb-internet?_deploymentId=0199740e-3188-733d-b147-8cbae5f1073e
QR 코드 전달드립니다

테스트 QR 코드 전달드렸는데 확인 부탁드립니다

안녕하세요 :slight_smile:
테스트시 빈 화면만 뜨는 것 확인하였는데, package.json 도 공유해주실 수 있을까요 ?

전달드립니다!

{
“name”: “pb-internet”,
“private”: true,
“scripts”: {
“dev”: “granite dev”,
“build”: “granite build”,
“test”: “jest --passWithNoTests”,
“typecheck”: “tsc --noEmit”
},
“dependencies”: {
@apps-in-toss/framework”: “^1.1.2”,
@granite-js/native”: “0.1.21”,
@granite-js/plugin-router”: “0.1.21”,
@granite-js/react-native”: “0.1.21”,
@toss-design-system/react-native”: “^1.2.1”,
“react”: “18.2.0”,
“react-native”: “0.72.6”
},
“devDependencies”: {
@babel/core”: “7.23.9”,
@babel/plugin-proposal-class-properties”: “^7.16.7”,
@babel/plugin-proposal-nullish-coalescing-operator”: “^7.16.7”,
@babel/plugin-proposal-numeric-separator”: “^7.16.7”,
@babel/plugin-proposal-optional-chaining”: “^7.16.7”,
@babel/plugin-proposal-private-methods”: “^7.18.6”,
@babel/plugin-proposal-private-property-in-object”: “^7.18.6”,
@babel/plugin-transform-flow-strip-types”: “^7.19.0”,
@babel/preset-env”: “^7.15.0”,
@babel/preset-react”: “^7.16.7”,
@babel/preset-typescript”: “^7.16.7”,
@babel/runtime”: “7.18.9”,
@granite-js/plugin-router”: “0.1.21”,
@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”,
“jest”: “^29.7.0”,
“react-test-renderer”: “18.2.0”,
“typescript”: “^5.8.3”
}
}

package.json 검토 부탁드리겠습니다

혹시 에뮬레이터 샌드박스앱에서는 정상 동작했었을까요 ?

xCode에서 정상동작 확인했습니다.

음..

혹시 시뮬레이터 > 샌드박스앱으로 테스트 해봐주실 수 있을까요 ?

ios의 경우 샌드박스 앱으로 테스트했고 안드로이드는 샌드박스앱을 실행하면 위 경고창이 뜹니다

iOS 의 경우에도 QA코드 테스트시 빈 화면만 뜹니다

granite.config.ts 도 공유주실 수 있을까요 ?

import { appsInToss } from ‘@apps-in-toss/framework/plugins’;
import { defineConfig } from ‘@granite-js/react-native/config’;

export default defineConfig({
scheme: ‘intoss’,
appName: ‘pb-internet’,
plugins: [
appsInToss({
brand: {
displayName: ‘폰비’, // 화면에 노출될 앱의 한글 이름으로 바꿔주세요.
primaryColor: ‘#3182F6’, // 화면에 노출될 앱의 기본 색상으로 바꿔주세요.
icon: ‘https://phonehere.s3.ap-northeast-2.amazonaws.com/appInToss/phoneb_icon_4x.webp’, // 화면에 노출될 앱의 아이콘 이미지 주소로 바꿔주세요.
bridgeColorMode: ‘basic’,
},
permissions: ,
navigationBar: {
withBackButton: true,
},
}),
],
});

IOS(실기기) 샌드박스 테스트시 발생한 오류도 공유드립니다

RCTFatal
RCTConvertArrayValue
D34AC6A9-10DC-3535-9944-E3EFC5994788
D34AC6A9-10DC-3535-9944-E3EFC5994788
D34AC6A9-10DC-3535-9944-E3EFC5994788
D34AC6A9-10DC-3535-9944-E3EFC5994788
_dispatch_main_queue_callback_4CF
973E47E5-88F0-3367-B9D4-46D5CB999B75
973E47E5-88F0-3367-B9D4-46D5CB999B75
973E47E5-88F0-3367-B9D4-46D5CB999B75
GSEventRunModal
BC9CA8B4-8DF7-31D5-BEF2-F56E5E96CC7A
UIApplicationMain
AppsInTossSandbox
211A824B-618C-3DAF-A790-499FCAC0D702

음..

혹시 이 가이드를 참고하셔서 에러 캐치를 해주실 수 있을까요 ?