标签: redux-devtools-extension

在我的应用程序状态中,有值设置为initialState.

使用React Developer Tools,可以直接修改某些状态值.

在Redux DevTools扩展中是否有类似的可能,即单击并为特定属性插入新值？

在这个 SO anwer中,它表示可以"改变你想要的任何东西",但我找不到如何.

在State - > Raw窗格中(见下图),可以覆盖值,但似乎没有应用.

我在index.tsx上收到此错误。

属性“ REDUX_DEVTOOLS_EXTENSION_COMPOSE ”在类型“窗口”上不存在。

这是我的index.tsx代码：

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import registerServiceWorker from './registerServiceWorker';

import { Provider } from 'react-redux';

import { createStore, compose, applyMiddleware } from 'redux';
import rootReducer from './store/reducers';

import thunk from 'redux-thunk';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

 const store = createStore(rootReducer, composeEnhancers(
     applyMiddleware(thunk)
 ));

ReactDOM.render(  <Provider store={store}><App /></Provider>, document.getElementById('root'));

registerServiceWorker();

我已经安装了@ types / npm install --save-dev redux-devtools-extension，并且正在使用create-react-app-typescript。非常感谢您提前进行的提示。

我正在尝试在ngrx/store-devtools上启用trace和traceLimit（此功能https://extension.remotedev.io/docs/Features/Trace.html）。

我目前正在使用这些软件包和版本，并运行 Angular 8。

“@ngrx/store”：“^8.0.1”

"@ngrx/store-devtools": "^8.0.1"

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    StoreModule.forRoot({}, ),
    StoreDevtoolsModule.instrument({
      maxAge: 25,
      logOnly: false,
      trace: true // KINDA EXPECTING AN OPTION LIKE THIS BUT SEEMS TO NOT BE SUPPORTED
    }),
  ],
  providers: [],
  bootstrap: [AppComponent, ],
}, )

我想在 Redux DevTools Chrome 扩展中查看堆栈。

我想在我们使用的react-nativereact-native 0.67.1应用程序上使用 redux devtools和hermes。

我不介意使用任何已知的工具（例如react-native-debugger或flipper），但到目前为止，我几乎所有的尝试都因各种问题而受阻。

社区目前处于一种奇怪的状态：

• react-native-debugger不适用于爱马仕
• flipper给我们带来Plugin ... is unavailable错误，感觉这些插件已经被放弃了
• redux-devtools已经移动了他们的包（@redux-devtools），但没有真正为react-native项目提供优秀的文档（它甚至可以与react-native一起使用吗？）
• remote-redux-devtools（我们过去曾取得成功）已被放弃

2022 年有没有办法将 redux devtools 与 Hermes React-Native 一起使用？

这是我们的代码：

    const enhancer = composeWithDevTools(
        applyMiddleware(createDebounce(), thunk, acuityMiddlewareCreator),
        // devTools(remoteDevToolsConfig),
    );
    const store = createStore(persistedReducer, initialState, enhancer);

我正在使用 redux-devtools-extension 开发 React Native 应用程序：

在 React Native 调试器中它可以工作，您可以看到window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__并且window.__REDUX_DEVTOOLS_EXTENSION__定义正确。

在 chrome devtools 中并非如此。

有谁知道如何在 chrome devtools 中定义这些？我在 Chrome 中安装了 redux 扩展，并尝试重新安装它。

对于从 redux dev 工具 chrome 扩展获取最新更新后的一些未知问题，我收到以下警告消息：

Redux 和 Redux DevTools 定义的 Symbol.observable 不匹配。如果未加载 DevTools，这可能会导致您的应用程序表现不同。在导入 Redux 之前考虑对 Symbol.observable 进行polyfill，或者完全避免对 Symbol.observable 进行polyfill。

通过阅读错误消息，我了解到 redux 和 redux 开发工具应该使用相同的 Symbol.observable，但事实并非如此。这很奇怪，因为我没有更改代码中的任何内容，并且我按照文档使用代码。

我的问题是你是否知道我应该朝哪个方向走？这是一个我们只需要报告的 Chrome 扩展错误吗？

我正在使用名为Redux DevTools 的最新 chrome 扩展。我注意到，如果我卸载 chrome 开发工具扩展，则不会再出现此警告消息。

我的代码如下所示：

  // The redux-devtools-extension is renamed to this npm package
  import { composeWithDevTools } from "@redux-devtools/extension"; 

  // Some code here ...

  const composeEnhancersPersonalProject = composeWithDevTools({
    name: `My Project`,
  });

  // Some other code here ...
  
  const myStore = createStore(
    persistedReducer, …

每次我需要刷新我的React应用程序的页面时,HMR都不会获取我需要的更改,Redux devtools从State视图切换回默认值Diff.它减慢了我的速度,因为我不得不State一遍又一遍地点击.我从未使用过该Diff页面,并希望State在页面加载时默认为该页面.

直接编辑扩展源或者有一个选项来记住最后点击的选项卡对我有用.

如何在 Chrome Inspector 窗口中配置 Redux DevTool，以便它们像红色方块中那样堆叠？目前我的视图是蓝色的，它们并排。

我正在尝试将 redux-devtools 连接到我的商店，但不断收到以下错误：“看起来您正在将多个商店增强器传递给 createStore()。这是不支持的。相反，请将它们组合在一起形成一个函数错误。 ”

*使用Thunk作为中间件。

尝试使用增强器，但我仍然遇到不同的错误。

帮助将不胜感激。

这就是我的商店的样子：

import {createStore,applyMiddleware} from 'redux';
import thunk from 'redux-thunk'

const initialState={
 bla:"",
 bla:"",
 bla:"",
}

const reducer = (state= initialState, action)=>{
 bla bla bla..
 actions...
}


const store= createStore(reducer,applyMiddleware(thunk))

export default store;

我无法将使用redux的react-native应用程序通过remote-redux-devtools连接到redux-devtools-extension。

我正在使用通过MacOSX Sierra上的USB连接的android设备。

// configureStore.js
import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from 'remote-redux-devtools';
import thunk from "redux-thunk";
import rootReducer from "./reducers";

const composeEnhancers = composeWithDevTools({ realtime: true });

export default function configureStore(initialState) {
  const store = createStore(
    rootReducer,
    initialState,
    composeEnhancers(
      applyMiddleware(thunk),
    )
  );

  if (module.hot) {
    // Enable hot module replacement for reducers
    module.hot.accept(() => {
      const nextRootReducer = require('./reducers/index').default;
      store.replaceReducer(nextRootReducer);
    });
  }

  return store;
};

Redux已正确配置到应用中，只需执行简单的按钮操作即可更新Redux状态。

但是它找不到任何商店。

我想念什么？