【发布时间】:2019-12-04 23:06:41
【问题描述】:
INDEX.JS FILE
import { compose, createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import firebase from '../Firebase/Firebase';
import { reactReduxFirebase, getFirebase } from 'react-redux-firebase';
import { reduxFirestore, getFirestore } from 'redux-firestore';
import rootReducer from './reducers';
// react-redux-firebase config
const rrfConfig = {
userProfile: 'users',
useFirestoreForProfile: true, // Firestore for Profile instead of Realtime DB
};
const composeEnhancers =
process.env.NODE_ENV === 'development'
? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
: compose;
const store = createStore(
rootReducer,
composeEnhancers(
reactReduxFirebase(firebase, rrfConfig),
reduxFirestore(firebase),
applyMiddleware(thunk.withExtraArgument({ getFirebase, getFirestore }))
)
);
export default store;
我相信我的格式是正确的,但是,我迷路了。有人可以帮忙吗?以下是我的 reducers 文件夹中的两个文件。如有任何问题,请随时提出,我会尽力回答。我被严重卡住了。
REDUCERS -> AUTHREDUCER.JS
const initialState = {
}
export default(state = initialState, action) => {
return'dhdhdhd';
};
REDUCERS -> INDEX.JS
import {combineReducers} from 'redux';
import { firebaseReducer } from 'react-redux-firebase';
import authReducer from './authReducer';
export default combineReducers({
auth: authReducer,
firebase: firebaseReducer,
});`enter code here`
运行 NPM 启动时,我返回此错误:
"TypeError: Object(...) is not a function" at const store = createStore(.
【问题讨论】:
-
我们可以查看您的
reducers文件吗? -
const initialState = { } export default(state = initialState, action) => { return'dhdhdhd'; }; -
import {combineReducers} from 'redux'; import { firebaseReducer } from 'react-redux-firebase'; import authReducer from './authReducer'; export default combineReducers({ auth: authReducer, firebase: firebaseReducer, }); -
我无法从您上面的两个 cmets 中分辨出这些是哪些文件。您能否编辑您的问题并添加带有文件名的代码
-
感谢您指出这一点。我已经进行了修改,它们反映在上面。
标签: javascript reactjs firebase redux google-cloud-firestore