时间戳

首页 > 解决方案 > firebase 导入中的“initializeApp”在哪里？

javascript - firebase 导入中的“initializeApp”在哪里？

问题描述

因此，我开始研究 firebase 并将初始化定义为

import firebase from "firebase/compat"

const firebaseConfig = {
   apiKey: process.env.REACT_APP_API_KEY,
   authDomain: process.env.REACT_APP_AUTH_DOMAIN,
   projectId: process.env.REACT_APP_PROJECT_ID,
   storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
   messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
   appId: process.env.REACT_APP_APP_ID,
   measurementId: process.env.REACT_APP_MEASUREMENT_ID
};

const chatSupportApp = firebase.initializeApp(firebaseConfig, "my-app");

显示了一个疯狂的警告！

/*It looks like you're using the development build of the Firebase JS SDK.
When deploying Firebase apps to production, it is advisable to only import
the individual SDK components you intend to use.

For the module builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

CommonJS Modules:
const firebase = require('firebase/app');
require('firebase/<PACKAGE>');

ES Modules:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

Typescript:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';*/

我搜索了许多帖子，包括文档，但在使用任何其他导入之前并没有真正了解如何首先初始化我的应用程序

我最近发现它有点隐藏在“firebase/firebase-app”下

所以它得到了解决，因为

import {initializeApp} from "firebase/firebase-app";

const firebaseConfig = {
    apiKey: ...............
};

const chatSupportApp = initializeApp(firebaseConfig, "my-app");

export default chatSupportApp;

这开始是我在大多数堆栈溢出帖子中搜索的一个问题，但由于我现在以某种方式解决了它，我还想在这里与社区分享，但也考虑任何其他建议，那么问题就来了。

这种方法正确吗？为什么所有文档都建议这样做

从'firebase/app'导入{initializeApp}；作为：

import { initializeApp } from 'firebase/app';
import { getAuth, onAuthStateChanged, getRedirectResult } from 'firebase/auth';

这对我根本不起作用，我无法使用它。

感谢并享受您的代码！

标签： javascriptfirebasefirebase-authentication

解决方案

import {initializeApp} from "firebase/firebase-app";

const firebaseConfig = {
    apiKey: ...............
};

const chatSupportApp = initializeApp(firebaseConfig, "my-app");

export default chatSupportApp;

推荐阅读