* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

firebase 공식 홈페이지에서 학습페이지가 있어서 하나하나 따라해보려고 하는데요

그곳의 JS 소스를 보면

// Firebase App (the core Firebase SDK) is always required
import { initializeApp } from 'firebase/app';

// Add the Firebase products and methods that you want to use
import {} from 'firebase/auth';
import {} from 'firebase/firestore';

import * as firebaseui from 'firebaseui'

위와 같이 모듈을 import 하여 사용하는데 이상하게도 제가 작성하는 소스에 가져와서 적용하려니까

Uncaught TypeError: Failed to resolve module specifier "firebase/firestore". Relative references must start with either "/", "./", or "../".

위와 같은 에러가 나면서 적용이 안되더라구요.

그래서 spartaflix 수업당시에 import 했던 대로

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";

import { getAuth } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-auth.js";

import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";

import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";

import { getDocs } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";

와 같이 바꿔서 사용하려고 하는데 이때 'firebaseui' 은 어떤파일을 import해야할지 몰라서 헤매고 있습니다.

firebaseui에 해당하는 js파일명을 어떻게 하면 알 수 있을까요?

그리고 공식홈페이지에서 처럼 하려니 왜 안되는걸까요?

수업 이미 지난주에 마쳤지만 물어볼곳이 없어서 두시간 고생하다가 물어봅니다.