이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
토스로그인 테스트를 위해 iOS(실기기) Sandbox 앱 설치후 로컬에 pnpm run dev 후 intoss:{서비스명}으로 앱을 실행했지만 Loading from Metro 라는 문구만 나오고 무한 대기합니다.
- Metro 서버 설정은 port 없이
ipconfig getifaddr en0결과의 IP 값을 사용했습니다. http://localhost:8081/index.bundle?platform=ios&dev=true브라우저로 접속시 번들 파일 응답이 정상적으로 옵니다.- 모바일에서
{ipconfig getifaddr en0 결과 IP}:8081/index.bundle?platform=ios&dev=true를 브라우저로 실행시 동일하게 번들 응답이 나옵니다. 그런데 앱인토스 샌드박스 앱에서 실행할때만 안됩니다. pnpm run dev실행한 터미널에Building React Native bundle... (platform: ios)라는 로그가 찍히지만 이후 아무런 로그도 찍히지 않고 무한 대기 상태에 빠집니다.- Sandbox는 2026-03-08 앱인토스 샌드박스 페이지에서 최신 버전을 사용했습니다.
- node version: v20.20.1(v25 버전이 안되서 다운그레이드함)
granite.config.ts 값은 아래와 같습니다.
import { defineConfig } from '@apps-in-toss/web-framework/config';
export default defineConfig({
appName: '앱인토스에 설정한 appName',
brand: {
displayName: '서비스명',
primaryColor: '#9333EA',
icon: '',
},
web: {
host: '',// ipconfig getifaddr en0 결과
port: 5173,
commands: {
dev: 'vite --host',
build: 'tsc -b && vite build',
},
},
permissions: [],
});
package.json
{
"name": "web",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "granite dev",
"build": "granite build",
"lint": "eslint .",
"preview": "vite preview",
"deploy": "ait deploy"
},
"dependencies": {
"@apps-in-toss/web-framework": "^1.14.1",
"framer-motion": "^12.35.0",
"react": "^19.2.0",
"react-dom": "^19.2.0",
"react-router-dom": "^7.13.1"
},
"devDependencies": {
"@eslint/js": "^9.39.1",
"@tailwindcss/vite": "^4.2.1",
"@types/node": "^24.10.1",
"@types/react": "^19.2.7",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
"eslint": "^9.39.1",
"eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
"tailwindcss": "^4.2.1",
"typescript": "~5.9.3",
"typescript-eslint": "^8.48.0",
"vite": "^7.3.1"
}
}
