Service firestore is not available or No Firebase App with getFirestore

I have tried a few ways to get Firestore working in my javascript Module file.

When I do this….

import {initializeApp} from "https://www.gstatic.com/firebasejs/10.11.1/firebase-app.js";
import {getStorage, ref, uploadBytes, getDownloadURL} from "https://www.gstatic.com/firebasejs/10.11.1/firebase-storage.js";
import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-firestore.js'


var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
};


const app = initializeApp(firebaseConfig);
const storage = getStorage(app);
const db = getFirestore();

I get the following error on the getFirestore() method.

Uncaught FirebaseError: Firebase: No Firebase App ‘[DEFAULT]’ has been
created – call initializeApp() first (app/no-app).

When I try this const db = getFirestore(app); instead, I get the following error.

Service firestore is not available

How do I get Firestore implemented on my web app?
Im not using Firebase Functions