reactjs - 无法让 redux devtools 用于调试 React Chrome 扩展

Question

让 Redux devtools 工作时遇到一些麻烦。当我在 devtools 中打开 redux 选项卡时，它显示“未找到商店。确保按照说明进行操作”。我尝试按照 1.1 Basic store 下的说明进行操作，但没有成功。然后我尝试了 1.3 使用来自 npm 的 redux-devtools-extension 包，但也没有用。这是我的 index.js

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import "./index.css";
import App from "./components/App";
import reportWebVitals from "./reportWebVitals";
import reducers from "./reducers";

import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";

const store = createStore(
  reducers,
  composeWithDevTools()
  // other store enhancers if any
);

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

reportWebVitals();

Answer 1

尝试这个：

const initialState = {};

const middleware = [thunk];



const store = createStore(
  rootReducer,
  initialState,
  composeWithDevTools(applyMiddleware(...middleware))
);