为什么我不能将 Firebase 添加到现有项目中？

Question

我最近被介绍到 Firebase，我试图将它的功能实现到我所谓的“网站”，它是用 HTML（Bootstrap）/CSS 编写的，没有 JS。有几个页面，整个东西基本上处于预览模式，因为它没有真正的功能。所以.. 在过去的几天里，我试图以 0 运气实施 firebase。它不起作用是因为我没有使用 Angular 或 React.js 吗？

据我所知，我遵循了能够使用 firebase 的每一个必要步骤，但是每当我使用“firebase deploy”或“firebase deploy --only hosting”并单击项目链接时，它只显示我的主页有损坏的 CSS 和无效链接。我无法导航到登录/注册屏幕或任何类似的屏幕，我不明白这个问题，因为如果我在 Live Server 上查看它，一切正常。

简而言之，当我“部署 firebase”并查看页面时，我看到一个 CSS 损坏的页面，如果我尝试点击“产品”等，我会得到一个 404 页面。登录/注册按钮甚至不起作用。

我有一个“app.js”文件

// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.17.1/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.17.1/firebase-analytics.js";

// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  my info
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

在我的 index.html 上有一个源链接。 据我所知，这应该足够了，因为我遵循了官方教程，他们就是这样写的，但显然我做错了什么..

我的节点-v v18.14.1

和 npm -v 9.3.1

我很乐意添加任何其他需要帮助的文档，但由于我显然是新手，所以我真的不知道还要添加什么。