본문 바로가기
개발/Flutter

vscode에서 Flutter - Firebase 연동하기 / firebase_auth/network-request-failed 에러

by 개발자 구리 2023. 6. 25.

https://bo-no.tistory.com/2

 

Flutter firebase 로그인 연동

1. firebase project 설정 프로젝트 선택 후 빌드 -> Authentication 선택 시작하기 버튼 클릭 후 이메일/비밀번호 클릭 후, 사용 설정한 후에 저장 선 2. flutter 파일 수정 2-1. 플러그인 추가 auth 관련 플러그

bo-no.tistory.com

 

위 포스팅을 보고 Flutter와 Firebase Auth 기능을 연동하던 중 발생한 에러입니다.

 

flutter: [firebase_auth/network-request-failed] Network error (such as timeout, interrupted connection or unreachable host) has occurred.

 

해당 에러는 다양한 사유로 발생 가능한데요,

저는 vscode에서 제공하는 기본 에뮬레이터를 사용하고 있었기 때문에

개발자의 본능적인 직감(?)으로 에뮬레이터 셋업을 다시 해봐야겠다고 생각했습니다.

 

vscode extension market에 있는 Android iOS Emulator를 다운받아줍니다.

별도의 셋팅 없이 바로 우상단의 컴파일 버튼 옆에 에뮬레이터 버튼이 생긴걸 볼 수 있습니다.

 

 

Android와 iOS 중 하나를 선택하면 아래와같이 세부적인 기종이 나오는 것을 볼 수 있습니다.

이렇게 에뮬레이터 extension을 사용하는 것으로 에러가 싱겁게 끝났습니다. :D

 

 


역시나 세상은 호락호락하지 않습니다.

추가했던 기능이 안 들어가서 혹시나 하는 마음에 다른 디바이스로 바꿔보았더니 아래와같은 이슈가 발생합니다.

 

Error: Dart library 'dart:ui' is not available on this platform.

 

이전에 빌드했던 것으로 실행이 되었던 것 같고요.

해당 문제는 플러터 프로젝트가 아닌 다트 프로젝트를 컴파일하는 것으로 셋팅이 잘못 맞추어져서 발생하는 문제입니다.

vscode에서는 터미널에 flutter run을 입력하여 문제를 해결할 수 있습니다.

 


재실행 결과 다시 처음의 이슈였던 로그인이 제대로 안되는 문제가 발생합니다.
이번에는 operation-not-allowed로 바뀐 것이 차이이고..

 

flutter: [firebase_auth/operation-not-allowed] The given sign-in provider is disabled for this Firebase project. Enable it in the Firebase console, under the sign-in method tab of the Auth section.

 

갖은 시도를 해봤지만 점점 더 미궁속으로... (ex. flutter clean 후 재시동, SDK 수동 설정, ...)


iOS 에뮬레이터를 사용하지 않고 안드로이드 에뮬레이터를 사용하니 해결된 문제입니다.

이슈는 애매하게 해결됐으나.. 아무래도 환경 설정을 다시 해봐야 할 것 같네요.