반응형
해당 글에서는 react-native에서 발생하는 오류에 대한 해결방법에 대해 공유합니다
1) 문제점
💡 콘솔 상에 아래와 같이 .env 파일에 정의한 데이터를 불러오지 못하여 undefined 값으로 출력되고 있는 문제가 발생하였습니다.
handleWebViewStateChange {"canGoBack": false, "canGoForward": false, "loading": false, "target": 139, "title": "", "url": "<http://undefined/realms/undefined/protocol/openid-connect/auth?client_id=undefined&redirect_uri=undefined&response_type=code&scope=openid%20profile%20email>"}
WARN Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -2, "description": "net::ERR_NAME_NOT_RESOLVED", "loading": false, "target": 139, "title": "", "url": "<http://undefined/realms/undefined/protocol/openid-connect/auth?client_id=undefined&redirect_uri=undefined&response_type=code&scope=openid%20profile%20email>"}
LOG handleWebViewStateChange {"canGoBack": false, "canGoForward": false, "loading": false, "target": 139, "title": "웹페이지를 사용할 수 없음", "url": "<http://undefined/realms/undefined/protocol/openid-connect/auth?client_id=undefined&redirect_uri=undefined&response_type=code&scope=openid%20profile%20email>"}
반응형
2) 해결 방법
💡 값에 대한 지정은 정확하게 했으나 반복적으로 undefined가 발생하여 이를 해결하기 위해 react-native 자체의 cache를 clean하였습니다.
// 계속 아래와 같이 수행하면 해결됨
$ npx react-native start --reset-cache
오늘도 감사합니다. 😀
반응형