火力基地。 身份驗證和托管

Question

我正在創建一個網頁。 我正在使用 Firebase 和 Angular。 我在過去安裝 SDK 時進行了身份驗證：

npm install --save firebase

然后我在firebase.js 中使用了require或import和配置代碼：

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";

var firebaseConfig = {
  apiKey: ...
  authDomain: ...
  projectId: ...
  ...
};

firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const firestore = firebase.firestore();
export const keep_session = firebase.auth.Auth.Persistence.SESSION;

但現在我同時使用托管。 這里告訴它使用相同的方式：

<script src="/__/firebase/7.21.0/firebase-analytics.js"></script>
<script src="/__/firebase/7.21.0/firebase-auth.js"></script>
<script src="/__/firebase/7.21.0/firebase-firestore.js"></script>

用這個在body塊中，看起來和以前一樣。 問題是當我使用ng serve和端口 4200 時，我在控制台中看到它無法識別腳本。 當我做firebase 服務時，是的，但它不顯示我的網絡。 只有一個示例網頁。 我的 firebase 庫是的，但不是我的內容。

所以我的疑問是如何做到這一點。 真的用這個腳本我可以在我的應用程序中安裝 SDK 嗎？ 當我編寫代碼時，它無法識別。 我應該使用另一種方式，安裝依賴項嗎？

我也知道我寫的時候怎么寫

火力基地服務

使用 5000 端口，結果與我在 4200 中使用時的結果相同

服務

在我的項目中，大約只有火力點我firebase.json和.firebaserc文件。 package.json 中沒有任何內容。

感謝幫助。

---

編輯：做ng build然后修改firebase.json

"hosting": {
    ...
    "public": "dist/app_name",
    ...
}

我終於看到了我的網絡

火力基地服務

所以現在的問題是，如果我的 package.json 中沒有該模塊，我該如何開發？ 當我進行導入時，IDE 無法識別

Answer 1

這些特定腳本包括您使用的帶有兩個下划線的腳本僅在網站使用 Firebase Hosting 或其本地模擬器 ( firebase serve ) 托管時才有效。 他們不會以其他方式工作（包括ng serve ）。

如果您使用的是打包器（Angular 使用的），則您根本不會使用這些腳本包含的內容。 當應用程序構建時，相關代碼將來自運行npm install時安裝的模塊。