0

仅当本地服务器启动时，我才想将 redux devTools 添加到商店。因为这是一个异步操作，所以我最终会得到一个“不完整”的存储。

检查服务器是否存在的异步函数：

export async function isReduxDevServerAlive(url,port, secure = false) {
const server = secure ? 'https' : 'http' + `://${url}:${port}`;
try {
    let response = await fetch(server);
    return true;
} catch(error) {
    return false;
}

store.js脚本_

import thunk from 'redux-thunk';
import devTools from 'remote-redux-devtools';
import { isReduxDevServerAlive } from './util/dev'
import { createStore, applyMiddleware, combineReducers, compose } from 'redux';

import * as reducers from './reducers';
import * as constants from './constants';

let composable = [ applyMiddleware(thunk) ];
const reducer = combineReducers(reducers);

if(isReduxDevServerAlive(constants.REDUX_DEV_SERVER, constants.REDUX_DEV_SERVER_PORT))
{
    composable.push(
        devTools({
            name: 'EPP app', realtime: true,
            hostname: constants.REDUX_DEV_SERVER, port: constants.REDUX_DEV_SERVER_PORT,
            maxAge: 30, filters: {blacklist: ['EFFECT_RESOLVED']}
        })
    );
}

const bconfigureStore = (c) => {
        return createStore(reducer,{},compose(...c));
}

export default function configureStore() {
    return bconfigureStore(composable);
}

脚本应该等待导出，直到它知道服务器是启动还是关闭。你能帮我解决这个问题吗？

4

1 回答 1

0

您只需使您的configureStore函数异步并在回调中应用渲染，例如，就像我们在这里所做的那样。

但是，您可以设置realtime并设置false一个动作来开始监视，为startOn参数指定（您明确分派或者如果本地服务器处于“启动”状态）。在这种情况下，您不必重新启动应用程序即可开始监控。唯一的缺点是它redux-devtools-instrument仍然会存储历史记录，它不会显着影响性能，但如果你在状态中有大对象，它会消耗 RAM。我们可以在那里添加启动/停止检测的能力。

于 2016-08-05T09:16:53.393 回答