首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >redux Firebase错误“Firebase实例还不存在。请检查您的撰写功能。”

redux Firebase错误“Firebase实例还不存在。请检查您的撰写功能。”
EN

Stack Overflow用户
提问于 2019-09-18 11:06:12
回答 1查看 1.1K关注 0票数 2

我在我的项目中使用了“react redux- firebase”,并希望将火基集成到react中。在本地,一切都很好,但是我在将项目部署到Firebase主机时出错了。

未明错误: Firebase实例还不存在。检查您的撰写函数.

这里有什么问题?

store.js

代码语言:javascript
复制
import { createStore, compose, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import { reduxFirestore, getFirestore } from 'redux-firestore';
import { reactReduxFirebase, getFirebase } from 'react-redux-firebase';

import rootReducer from './reducers/index';
import fbConfig from '../fbConfig';

/* eslint-disable no-underscore-dangle */
const composeEnhancers =
  process.env.NODE_ENV !== 'production' &&
  typeof window === 'object' &&
  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
    : compose();
/* eslint-enable */

const enhancer = composeEnhancers(
  applyMiddleware(
    thunk.withExtraArgument({
      getFirebase,
      getFirestore
    })
  ),
  reduxFirestore(fbConfig),
  reactReduxFirebase(fbConfig, {
    useFirestoreForProfile: true,
    userProfile: 'users'
  })
);

const configureStore = preloadedState =>
  createStore(rootReducer, preloadedState, enhancer);

const store = configureStore({});

export default store;

fbConfig.js

代码语言:javascript
复制
import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

const firebaseConfig = {
  apiKey: ...,
  authDomain: ...,
  databaseURL: ...,
  projectId: ...,
  storageBucket: ...,
  messagingSenderId: ...,
  appId: ...
};

firebase.initializeApp(firebaseConfig);
firebase.firestore().settings({});

export default firebase;

reducers/index

代码语言:javascript
复制
import { combineReducers } from 'redux';
import { firestoreReducer } from 'redux-firestore';
import { firebaseReducer } from 'react-redux-firebase';

import auth from './auth';

const rootReducers = combineReducers({
  auth,
  firestore: firestoreReducer,
  firebase: firebaseReducer
});

export default rootReducers;
EN

回答 1

Stack Overflow用户

发布于 2021-01-17 21:40:27

这是因为您没有通过reduxFirestore(fbConfig)来编写

这可能对您有帮助,请查看github链接https://github.com/prescottprue/react-redux-firebase/issues/620#issuecomment-458344113

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57991307

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档