230704 개발일지 TIL - Attempted import error: 'authService' is not exported from '../../firebase' (imported as 'authService').

Attempted import error: 'authService' is not exported from '../../firebase' (imported as 'authService').
ERROR in ./src/components/Header/Header.jsx 51:4-23
export 'authService' (imported as 'authService') was not found in '../../firebase' (possible exports: auth, db, storage)

문제점
auth, db, storage를 내보내고 있는데 '../../firebase' 모듈에서 'authService'를 가져오려고 시도했지만 해당 모듈에서 'authService'를 내보내지 않았기 때문에 발생하게 됨.

해결방법

// firebase.js
export const auth = {};
export const db = {};
export const storage = {};
export const authService = {};

// Header.jsx
import { authService } from '../../firebase';

firebase.js에서 authService를 export해주고 사용하고 있는 Header.jsx파일에서 import { authService } from '../../firebase'; 하여 사용해준다.

느낀 점
파이어베이스 데이터 서버 연동이 익숙치 않아서 어려움을 겪고 있는 것 같은데 시간 날때마다 접근해보아야겠다.