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

Question

让Redux devtools正常工作时遇到了一些问题。当我在devtools中打开redux选项卡时，它显示“找不到商店。请确保按照说明操作”。我尝试按照1.1基本存储下的说明进行操作，但不起作用。然后我尝试了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))
);