react 项目中 redux的调试工具不起作用

原创已于 2022-05-22 16:20:05 修改 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

于 2022-05-17 20:53:24 首次发布

博主在尝试各种方法解决redux-devtools-extension无法正常工作的问题后，发现将该扩展的版本回退一个bug修复版本，成功让redux调试工具恢复正常，加载出了数据。问题的关键在于版本兼容性。

这个百度了一圈，试了各种办法，但依然不起作用。本着尝试的态度，我将redux-devtools-extentions 降低了一个bug版本，居然可以生效了，redux调试工具正常加载出数据；

将react项目中用到的包版本记录一下，如下：

"dependencies": {
        "@craco/craco": "^6.4.3",
        "@testing-library/jest-dom": "^5.16.4",
        "@testing-library/react": "^13.1.1",
        "@testing-library/user-event": "^13.5.0",
        "@xianzhengquan/postcss-px-2-vw": "0.0.1",
        "antd-mobile": "^5.11.2",
        "axios": "^0.27.2",
        "formik": "^2.2.9",
        "postcss": "^8.3.0",
        "react": "^18.1.0",
        "react-dom": "^18.1.0",
        "react-redux": "^8.0.1",
        "react-router-dom": "^5.2.0",
        "react-scripts": "5.0.1",
        "react-thunk": "^1.0.0",
        "redux": "^4.2.0",
        "redux-devtools-extension": "^2.13.9",
        "redux-thunk": "^2.4.1",
        "web-vitals": "^2.1.4",
        "yup": "^0.32.11"
    },
    "scripts": {
        "start": "craco start",
        "build": "craco build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
    },