如何在另一个文件中使用初始化的 Firebase？

Question

我想分离应用程序中的逻辑，并为 Firebase 初始化创建了一个文件，并为应用程序逻辑创建了一个单独的文件。 在应用程序逻辑文件中，我使用 firebase 添加到数据库并使用 set()。 但是控制台报错：set is not defined at HTMLButtonElement。 如何在初始化的单独文件中使用 firebase 函数？

 //firebase.js import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.0/firebase-app.js"; import { getDatabase, ref, set, onValue, update, remove, } from "https://www.gstatic.com/firebasejs/9.9.0/firebase-database.js"; const firebaseConfig = { ... }; const app = initializeApp(firebaseConfig); const database = getDatabase(app); //script.js set(ref(database, ".../"), { ... })

Answer 1

您将不得不使用导入/导出来实现您想要的。

也许从firebase.js导出你想要的任何东西：

// firebase.js
export const database = getDatabase(app);

...并在其他文件中导入您需要的任何内容：

// script.js
import { database } from './firebase';
import { ref, set } from 'https://www.gstatic.com/firebasejs/9.9.0/firebase-database.js';

还可以选择从firebase.js导出所有内容，您只需要 1 个导入，但我尚未使用远程资源对其进行测试：

// firebase.js, option 2
export const database = getDatabase(app);
export { set, ref } from 'https://www.gstatic.com/firebasejs/9.9.0/firebase-database.js';

// script.js, option 2
import { database, set, ref } from './firebase';

希望这对编码有所帮助和快乐。