找不到模块:“ redux”


80

我已经使用create-react-appcli创建了一个新的react应用程序。然后我使用添加了'react-redux'npm install --save react-redux

package.json我有:

"react-redux": "^4.4.5"

不幸的是,该应用程序无法编译,并且抱怨:

Error in ./~/react-redux/lib/utils/wrapActionCreators.js
Module not found: 'redux' in C:\Users\Salman\Desktop\Courses\Internship\React\Youtube-Front-End\node_modules\react-redux\lib\utils

 @ ./~/react-redux/lib/utils/wrapActionCreators.js 6:13-29

我不知道这是什么意思?

这是完整的容器:

import React,{Component} from 'react';
import {connect} from 'react-redux';

class BookList extends Component{
  renderList(){
        return this.props.books.map((book)=>{
          <li key={book.title} >{book.title}</li>
        });
    }

  render(){

    return(
      <div>
        <ul>
          {this.renderList()}
        </ul>
      </div>
    );
  }
}

function mapStateToProps(state){
  return{
    books:state.books
  };
}

export default connect(mapStateToProps)(BookList);

这是完整的package.json

{
  "name": "Youtube-Front-End",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.6.1",
    "webpack": "^1.13.2"
  },
  "dependencies": {
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-redux": "^4.4.5",
    "youtube-api-search": "0.0.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

Answers:


216

您需要安装react-redux但也要安装redux库。

npm install --save redux

5
速记... npm i -S redux
贾斯汀·鲁索

它是一个devdependencie还是像dependenci这样的反应?
ValRob

不,正常依赖
Borjante

1
无需放置--save。npm install --save reduxnpm install install redux相同(--save默认选项)doc
Gaspar

$ npm i -S redux#或$ yarn add redux
xgqfrms

13

react-redux在内部使用Action, ActionCreator, AnyAction, Dispatch, Store这些接口的形式redux包。

你打的那一刻

export default connect(mapStateToProps,mapDispatchToProps)(App);

react-redux尝试利用redux软件包中的所有这些接口。目前尚不存在。

因此,您可能必须同时安装react-redux软件包,redux因为两者都具有依赖性。

 npm install --save redux react-redux


2

您可以使用以下命令:

使用npm

npm install redux --save

用纱

yarn add redux

1

使用Visual Studio Code(VSC)IDE时,我遇到了同样的挑战。

import { createStore, combineReducers, applyMiddleware } from 'redux';

正在从另一个地方解析“ redux”包,作为某些打字稿包中的依赖项。

我跑了yarn add redux@3.7.2(用VSC终端)重新安装了软件包。请注意,我将确切的版本package.json作为依赖项存在,这有助于yarn更快地链接依赖项,因为我的目标尚未升级redux。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.