granite 마이그레이션 후 샌드박스 토스인증 시 흰 화면만 노출

개발
1

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

사용 방법 질문

내용을 설명해주세요

{
“name”: “albamon-react-native”,
“private”: true,
“scripts”: {
“dev”: “granite dev”,
“build”: “ait build”,
“test”: “jest --passWithNoTests”,
“typecheck”: “tsc --noEmit”,
“lint”: “biome check --write”
},
“dependencies”: {
“@apps-in-toss/framework”: “^2.4.1”,
“@granite-js/native”: “1.0.20”,
“@granite-js/plugin-env”: “1.0.20”,
“@shopify/flash-list”: “^1.8.2”,
“@tanstack/react-query”: “^5.76.2”,
“@toss/tds-react-native”: “2.0.2”,
“react”: “19.2.3”,
“react-native”: “0.84.0”,
“@granite-js/react-native”: “1.0.20”,
“zod”: “^3.25.32”,
“brick-module”: “0.5.0”
},
“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.27.1”,
“@babel/preset-env”: “^7.15.0”,
“@babel/preset-react”: “^7.16.7”,
“@babel/preset-typescript”: “^7.16.7”,
“@babel/runtime”: “7.18.9”,
“@biomejs/biome”: “^1.9.4”,
“@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”: “19.2.3”,
“jest”: “^29.7.0”,
“react-test-renderer”: “19.2.3”,
“typescript”: “^5.8.3”,
“babel-preset-granite”: “1.0.3”
}
}

안녕하세요 알바몬 앱인토스
bedrock에서 granite으로 마이그레이션을 진행중인데요

package.json은 아래와 같은데요!

테스트앱 샌드박스 새로 설치 후
위 주소의 문서상에
3.앱 선택 후에
4.토스인증 페이지가 나와야하는데

Emulator, Simulator의 샌드박스에서
흰색 빈화면 만 노출하고 있습니다.
해결방법 혹시 알 수 있을까요?

이미지 첨부

error appintoss.jpg
error appintoss.jpg824×1762 69.9 KB

2

저도 마이그레이션 진행할 때 초기로딩시 흰화면이 떴었는데요

개발 환경에서 띄우면 상세 에러로그가 뜨실겁니다

저같은경우에는 DOMException undefined 에러부터 svg 이슈로 버전 오버라이딩해야 정상 동작했습니다.

3

혹시 node_modules 삭제 후 설치하셔도 동일한 에러가 발생하시나요 ?
j 로 디버그 툴 열어서 보면 어떤 에러가 발생하는지 알 수 있을까요 ?

4

안녕하세요, @nosearch 님
DOMException undefined, SVG 버전 오버라이딩은 웹 환경 이슈인데
RN 오류와는 차이점이 있지만 소중한 의견주셔서 감사드립니다!

@Dylan 님
샌드박스에서 토스로그인이 현재는 노출되어서 로그인은 성공했어요
빈화면만 노출되면서 오류가 나오는 부분 문의드려요!

알바몬 미니앱 SDK 2.4.1 마이그레이션 후 샌드박스에서 발생한 오류에요

ERROR [runtime not ready]: ReferenceError: Property ‘DOMException’ doesn’t exist

LOG Running “shared” with {“rootTag”:11,“initialProps”:{“initialFontSize”:“Large”,“initialColorPreference”:“light”,“loadingStartTs”:1776918662834,“schemeUri”:“intoss://albamon-react-native”,“networkStatus”:“WIFI”,“isVisible”:true},“fabric”:true}

ERROR [runtime not ready]: Invariant Violation: “shared” has not been registered. This can happen if:

* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.

* A module failed to load due to an error and `AppRegistry.registerComponent` wasn’t called.

ait migrate react-native-0-84-0 실행 후, ait build 정상 완료 표기는 되지만 샌드박스에서

DOMException 폴리필이 런타임에 없어서 오류가 나는것으로 보이는데, 혹시 granite 또는

샌드박스 앱 쪽에서 확인 부탁드려도 될까요?

5

안녕하세요 :slight_smile:
한번 확인해보겠습니다! 잠시만요

6

에러 메시지를 보면 DOM 에러라 웹용 API 를 사용하다가 에러가 나는 것 같은데,

_app.tsx, package.json 파일을 공유해주실 수 있을까요?