我的 JS 代碼如下：
import { initializeApp } from "firebase/app";
const firebaseConfig = {
//config object
};
const app = initializeApp(firebaseConfig);
很長一段時間以來我都收到此錯誤，并希望有人能調查一下：
無法決議模塊說明符“firebase/app”。相對參考必須以“/”、“./”或“../”開頭。
uj5u.com熱心網友回復：
您是否按照官方檔案中的步驟進行操作？
- 第 1 步：創建一個 Firebase 專案并注冊您的應用
- 第 2 步：安裝 SDK 并初始化 Firebase
本頁面介紹 Firebase JS SDK 版本 9 的設定說明，該版本使用 JavaScript 模塊格式。
此作業流使用 npm 并需要模塊捆綁器或 JavaScript 框架工具，因為 v9 SDK 經過優化，可與模塊捆綁器一起使用，以消除未使用的代碼（搖樹）并減小 SDK 大小。
2.a. 使用 npm 安裝 Firebase
npm install firebase
2.b。在您的應用中初始化 Firebase 并創建一個 Firebase App 物件
import { initializeApp } from 'firebase/app';
// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
//...
};
const app = initializeApp(firebaseConfig);
- 在您的應用中訪問 Firebase
Firebase 服務（如 Cloud Firestore、身份驗證、實時資料庫、遠程配置等）可在各個子包中匯入。
下面的示例展示了如何使用 Cloud Firestore Lite SDK 來檢索資料串列。
import { initializeApp } from 'firebase/app';
import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';
// Follow this pattern to import other Firebase services
// import { } from 'firebase/<service>';
// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
//...
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
// Get a list of cities from your database
async function getCities(db) {
const citiesCol = collection(db, 'cities');
const citySnapshot = await getDocs(citiesCol);
const cityList = citySnapshot.docs.map(doc => doc.data());
return cityList;
}
您可以將我的回答參考下面的官方鏈接
https://firebase.google.com/docs/web/setup
希望能幫到你。
uj5u.com熱心網友回復：
最后我通過使用以下方法匯入函式解決了我的問題：
import { function } from 'https://www.gstatic.com/firebasejs/9.6.3/firebase-SERVICE.js'
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/412404.html
標籤：
上一篇：使用文本檔案登錄系統