Docs를 보고 가장 기본적인 셋팅을 실시한 뒤 build 파일(.ait)를 콘솔에 올려서 QR코드로 테스트(갤럭시 휴대폰) 해보니 빈화면이 나옵니다. xCode의 샌드박스 앱 테스트에서는 정상적으로 나오는데 어떤게 문제일까요??
- 사용한 패키지 매니저: pnpm
- 사용한 node 버전: 20.18.0
# package.json
"dependencies": {
"@apps-in-toss/framework": "^1.1.3",
"@granite-js/native": "0.1.26",
"@granite-js/react-native": "0.1.26",
"react": "18.2.0",
"react-native": "0.72.6"
},
"devDependencies": {
"@babel/core": "7.23.9",
"@babel/runtime": "7.18.9",
"@eslint/js": "^9.17.0",
"@granite-js/plugin-hermes": "0.1.26",
"@granite-js/plugin-router": "0.1.26",
"@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-preset-granite": "0.1.26",
"eslint": "^9.17.0",
"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"
}
# 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: 'pb-internet', // 화면에 노출될 앱의 한글 이름으로 바꿔주세요.
primaryColor: '#3182F6', // 화면에 노출될 앱의 기본 색상으로 바꿔주세요.
icon: '', // 화면에 노출될 앱의 아이콘 이미지 주소로 바꿔주세요.
bridgeColorMode: 'basic',
},
permissions: [],
}),
],
});
