실기기 샌드박스 연결시 에러

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

안녕하세요 :slight_smile:
web.host로도 등록해주셨을까요 ?
같은 네트워크에 있는지도 확인 부탁드려요 :man_bowing:

넵! 일단 같은 네트워크에 있습니다,

혹시 web.host라는게 granite.config.ts의
web: {

host: '172.30.1.xx',
port: 5173,
commands: {
dev: 'vite', 
build: 'vite build',

},

},

여기서 web.host가 아닌 다른 부분을 말씀하시는걸까요??

+npm run dev로 실행했습니다!

엇 넵 맞습니다.
commands.dev에 vite --host를 입력하여 실행한 결과 Ip를 입력해주신게 맞을까요 ?

네네 맞습니다!

vite –host로 확인한 ip를 web.host / 메트로 서버 설정에 입력했습니다.

음.. ip가 정상적으로 입력되었다면 동작 해야할 것 같은데… :thinking:
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”,

혹시 의존성에 문제가 있을까요?

음.. 의존성 때문에 서버에 연결할 수 없습니다 에러가 뜨진 않을텐데.. 이상하네요 :thinking:
혹시 로컬에서 시뮬레이터를 통해 서비스 연결시에는 어떤가요 ?!

시뮬레이터를 통해서는 잘 연결되고 있습니다!

시뮬레이터 통해서 연결이 되는거라면, host 문제일 것 같습니다 :cry:

샌드박스 앱 URL 입력시에 intoss://{앱네임}

이 앱네임에 granite.config.ts의 appName을 입력하면 되는 것이 맞을까요?

현재 url에 appName 이외에 어떤 값을 입력하더라도 ‘{displayName}으로 이동했습니다’라는 문구가 동일하게 표시되며, 이후에 ‘서버에 연결할 수 없습니다’라는 에러가 발생하고 있습니다.

이 때문에 메트로에는 접속이 가능한데 앱 스킴을 찾지 못하고 있는게 아닐까 싶은 생각이 드네요..

granite.config.ts의 appName 이 맞습니다.
‘{displayName}으로 이동했습니다’라는 문구가 동일하게 표시되는 것은 5173 포트를 자동으로 바라보고 있기 때문이에요 :cry:

혹시 새로운 프로젝트를 세팅해도 동일한 이슈가 발생할까요 ?

해결했습니다! web.commands.dev에 ‘–host’ 붙이는걸 빠뜨렸네요 ㅠㅠ

답변 감사합니다!