vite –host로 나오는 주소 호스트를 (172.30.1.xx)
- granite.config.ts
- 샌드박스 앱내 metro 서버 설정
에 입력하여 연결했을때 메트로 콘솔에서 다음과 같은 에러가 발생했습니다.
Encountered an error loading page {“canGoBack”: false, “canGoForward”: false, “code”: -1004, “description”: “서버에 연결할 수 없습니다.”, “didFailProvisionalNavigation”: true, “domain”: “NSURLErrorDomain”, “loading”: false, “target”: 27, “title”: “”, “url”: “”}
해결방법 있을까요?
개발환경: mac, ios
Dylan
2
안녕하세요 
web.host로도 등록해주셨을까요 ?
같은 네트워크에 있는지도 확인 부탁드려요 
넵! 일단 같은 네트워크에 있습니다,
혹시 web.host라는게 granite.config.ts의
web: {
host: '172.30.1.xx',
port: 5173,
commands: {
dev: 'vite',
build: 'vite build',
},
},
여기서 web.host가 아닌 다른 부분을 말씀하시는걸까요??
+npm run dev로 실행했습니다!
Dylan
4
엇 넵 맞습니다.
commands.dev에 vite --host를 입력하여 실행한 결과 Ip를 입력해주신게 맞을까요 ?
네네 맞습니다!
vite –host로 확인한 ip를 web.host / 메트로 서버 설정에 입력했습니다.
Dylan
6
음.. ip가 정상적으로 입력되었다면 동작 해야할 것 같은데… 
vite --host로 확인한 주소가 ifconfig에서 나온 ip 와 동일한가요 ?!
“@apps-in-toss/framework”: “^1.4.3”,
“@granite-js/native”: “^0.1.28”,
“@granite-js/plugin-router”: “^0.1.20”,
“@granite-js/react-native”: “0.1.20”,
“@toss/tds-mobile”: “^2.1.2”,
“@toss/tds-mobile-ait”: “^2.1.2”,
“@toss/tds-react-native”: “^1.3.4”,
“react”: “18.2.0”,
“react-native”: “0.72.9”,
“react-dom”: “18.2.0”,
“react-router-dom”: “^7.9.5”,
혹시 의존성에 문제가 있을까요?
Dylan
9
음.. 의존성 때문에 서버에 연결할 수 없습니다 에러가 뜨진 않을텐데.. 이상하네요 
혹시 로컬에서 시뮬레이터를 통해 서비스 연결시에는 어떤가요 ?!
Dylan
11
시뮬레이터 통해서 연결이 되는거라면, host 문제일 것 같습니다 
샌드박스 앱 URL 입력시에 intoss://{앱네임}
이 앱네임에 granite.config.ts의 appName을 입력하면 되는 것이 맞을까요?
현재 url에 appName 이외에 어떤 값을 입력하더라도 ‘{displayName}으로 이동했습니다’라는 문구가 동일하게 표시되며, 이후에 ‘서버에 연결할 수 없습니다’라는 에러가 발생하고 있습니다.
이 때문에 메트로에는 접속이 가능한데 앱 스킴을 찾지 못하고 있는게 아닐까 싶은 생각이 드네요..
Dylan
13
granite.config.ts의 appName 이 맞습니다.
‘{displayName}으로 이동했습니다’라는 문구가 동일하게 표시되는 것은 5173 포트를 자동으로 바라보고 있기 때문이에요 
혹시 새로운 프로젝트를 세팅해도 동일한 이슈가 발생할까요 ?
해결했습니다! web.commands.dev에 ‘–host’ 붙이는걸 빠뜨렸네요 ㅠㅠ
답변 감사합니다!