【问题标题】:Module not found: can't resolve' redux-thunk ' error I have tried the solutions but it does not happen.What is the solution?Module not found: can't resolve 'redux-thunk' 错误我已经尝试了解决方案,但没有发生。解决方案是什么?
【发布时间】:2020-05-28 12:27:33
【问题描述】:

我尝试了 redux 的所有命令,但它不起作用:您认为解决方案如何。这些是我尝试过的命令

yarn add react-redux
yarn add reduxjs / Redux-thunk#master
npm install --save Redux react-redux
npm install redux -- save
npm i redux -- save
yarn add redux-thunk

index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import {createStore, applyMiddleware,compose} from 'redux';
import rootReducer from './store/reducers/rootReducer';
import {Provider} from 'react-redux';
import thunk from 'redux-thunk';
import {reduxFirestore,getFirestore} from 'redux-firestore'
import {reactReduxFirebase,getFirebase} from 'react-redux-firebase'
import fbConfig from './config/fbConfig';


const store=createStore(rootReducer,
    compose(
        applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore})),
        reduxFirestore(fbConfig),
        reactReduxFirebase(fbConfig)
    ));


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

package.json

{
  "name": "omaga-yazilim",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^npm i --save react-router4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "firebase": "^7.8.1",
    "jest-leak-detector": "^25.1.0",
    "moment": "^2.22.2",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-redux": "^7.1.3",
    "react-redux-firebase": "^3.1.1",
    "react-router": "^4.4.0-beta.8",
    "react-router-dom": "^4.4.0-beta.6",
    "react-scripts": "^2.1.1",
    "redux": "^4.0.5",
    "redux-firestore": "^0.12.0",
    "redux-thunk": "reduxjs/redux-thunk#master",
    "start": "webpack-dev-server --mode development"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

【问题讨论】:

  • 您使用 redux-thunkmaster 分支有什么具体原因吗?
  • 你也有 start 脚本作为依赖。那需要被删除。并且版本@testing-library/jest-dom 是一个 npm 命令而不是实际版本。

标签: reactjs redux redux-thunk thunk


【解决方案1】:

我遇到了类似的问题,这就是我解决它的方法:

停止服务器:终端中的Ctrl C。

打开 package.json 并手动添加:

"redux-thunk": "^2.3.0",

然后在终端cd进入项目并安装redux thunk:

yarn add redux-thunk 

重启服务器:

yarn start

有关 redux thunk 的更多详细信息可以在此链接上找到:

ReduxThunk-Github

【讨论】:

    【解决方案2】:

    我遇到了同样的问题,但我运行命令行:

    npm install --save redux-thunk

    【讨论】:

      【解决方案3】:

      最简单的解决方案是使用our new official Redux Toolkit packageconfigureStore function 将自动正确设置存储,包括默认添加 thunk 中间件。鉴于您正在尝试使用 React-Redux-Firebase,您可以使用 getDefaultMiddleware API

      const store = configureStore({
          reducer: rootReducer,
          middleware: [...getDefaultMiddleware({
              thunk: {
                  extraArgument: {getFirebase,getFirestore}
              }
          })],
          enhancers: [reduxFirestore(fbConfig), reactReduxFirebase(fbConfig)]
      })
      

      【讨论】:

      • 我按照你说的做了,他没有给出 thunk 错误,但是 Module not found: can't resolve 给出了 'react-redux' 错误。
      猜你喜欢
      • 2021-03-16
      • 1970-01-01
      • 2019-10-19
      • 1970-01-01
      • 2019-05-28
      • 2021-12-19
      • 1970-01-01
      • 2022-09-27
      • 1970-01-01
      相关资源
      最近更新 更多