时间戳

首页 > 解决方案 > 仅在安装了 redux 工具的情况下才与 Redux 应用程序反应

reactjs - 仅在安装了 redux 工具的情况下才与 Redux 应用程序反应

问题描述

我用 react 和 redux 构建了一个应用程序。我以标准方式构建应用程序。

npm run build --prod

然后将该应用程序部署到 Firebase 托管。我发现除非安装了 redux web 开发工具，否则该应用程序不会在 Chrome、Firefox 或 Safari 中加载。为什么会这样，我该如何阻止它？

该应用程序位于... https://triviatime-e7aa2.web.app/

标签： reactjsreduxfirebase-hosting

解决方案

使用 redux-devtools-extension npm 包配置 redux 开发工具。

import { composeWithDevTools } from "redux-devtools-extension";
export const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(...middleware))
);

有关详细信息，请参阅以下链接中的第 1.3 节。 https://github.com/zalmoxisus/redux-devtools-extension#12-advanced-store-setup

另外的选择

import { createStore, applyMiddleware, compose } from 'redux';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducer, /* preloadedState, */ composeEnhancers(
    applyMiddleware(...middleware)
));

推荐阅读