エラー：アクションはプレーンなオブジェクトでなければなりません。非同期アクションにはカスタムミドルウェアを使用します。

Question

私は現在、react-router、redux、thunk、firebaseを他の技術の中で活用しているreactjsを使用しているアプリケーションに就いています。残念ながら、非同期のアクションをディスパッチすると、次のエラーが発生します。

私はstackoverflowによって提案されたすべての同様の質問を行ったが、まだ問題を見つけることができません。

ご協力いただければ幸いです。

エラー：

app.js:54628 Error: Actions must be plain objects. Use custom middleware for async actions. at dispatch (app.js:31576) at Object.fetchBase (app.js:32220) at Object.next (app.js:63640) at app.js:54507 at app.js:54622 at

package.json

... 
"react-router-dom": "^4.1.1", 
"react-router-redux": "^4.0.8", 
"redux-thunk": "^2.2.0", 
"redux": "^3.7.1", 
... 

store.js

import { createStore, applyMiddleware, compose } from 'redux'; 
import reduxThunk from 'redux-thunk'; 
import { routerMiddleware } from 'react-router-redux'; 
import { browserHistory } from 'react-router-dom'; 

// Import the root reducer 
import allReducers from './reducers'; 

// import default data 
import config from './data/config'; 

const defaultState = { 
    events: [], 
    config, 
    activeGame: null, 
    basePath: '', 
}; 

const router = routerMiddleware(browserHistory); 
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; 
const store = createStore(allReducers, defaultState, 
    composeEnhancers(applyMiddleware(reduxThunk, router))); 

export default store; 

Actions.jsは

... 
export const fetchBase =() => { 
    const organizationRef = database.ref(`users/${auth.currentUser.uid}/organization`); 
    return dispatch => { 
    organizationRef.once('value', snapshot => { 
     dispatch({ 
     type: ActionTypes.FETCH_BASE, 
     payload: snapshot.val() 
     }); 
    }); 
    }; 
}; // fetchBase 
... 

Answer 1

すべてのあなたの助けのおかげでみんなを：その後、

import thunk from 'redux-thunk'; 

と

const store = createStore(allReducers, defaultState, 
    composeEnhancers(applyMiddleware(thunk, router))); 

とそれを適用しますから、これを手に入れました。私はその問題を見つけ出し、自分自身を蹴っています。上記のコードは問題なく動作しますが、問題は私がストアを登録した場所です。テスト目的で使用していた補助記憶ファイルをインポートしていました。実際の店を更新したら、私はそれに切り替えるのを忘れました。

Answer 2

私はあなたがそのエラーを得た理由firebase.Promise organizationRef.onceリターンがあると思います。

Answer 3

あなたのアクションの作成者はかなり良いように見えますが、このようなfirebaseデータベースにrefを取得しよう：

firebase.database().ref(`/users/${uid}/employees`) 

Answer 4

あなたのアクションの作成者が正常に見えます。エラーメッセージは、redux-thunkミドルウェアを正しく登録していないことを示します。

以下のようにそれをインポートしよう：redux-thunk repo