Svelte Firebase：未解析的函数或方法 firestore()答案

【问题标题】：Svelte Firebase: Unresolved function or method firestore()Svelte Firebase：未解析的函数或方法 firestore()
【发布时间】：2021-11-02 17:40:08
【问题描述】：

我正在使用 svelte 处理带有 firebase 的待办事项列表。我想我已经安装了所有东西，但是我的 firebase.js 文件中出现错误：Unresolved function or method firestore() 与 auth() 相同。这是什么原因？我的代码：

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

var firebaseConfig = {
// my config here

};

firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export const googleProvider = new firebase.auth.GoogleAuthProvider();

export const db = firebase.firestore();

感谢您的帮助。

【问题讨论】：

这是一个 SvelteKit 项目吗？如果是这样，该代码是否在 __layout.svelte 文件中？
不，我用 npx degit sveltejs/template 创建它
main.js 文件中的代码是什么？您使用的是什么版本的 firebase？
您使用的是哪个 Firebase 版本？
在 firbase.js 文件中。我使用的是我认为的最新版本。

标签： javascript firebase svelte

【解决方案1】：

如果您使用最新和推荐的 firebase 版本 (9)，您的 firebase.js 如下所示：

import { initializeApp } from 'firebase/app';
import { getAuth, GoogleAuthProvider } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";
import { firebaseConfig } from "../firebase.config.js";

const app = initializeApp(firebaseConfig);

export const auth = getAuth();
export const provider = new GoogleAuthProvider(); 
export const db = getFirestore(app);
export const storage = getStorage(app);

你必须在你的 package.json 中包含 firebase，比如：

{
  "name": "...",
  "version": "1.0.0",
  "author": "...",
  "repository": {
    "type": "git",
    "url": "https://github.com/..."
  },
  "license": "MIT",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "devDependencies": {
    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
    "svelte": "^3.44.0",
    "vite": "^2.6.12",
    "firebase": "^9.1.3",
  }
}

这对我来说很好。

【讨论】：