web-dev-qa-db-fra.com

Module non trouvé: 'redux'

J'ai créé une nouvelle application de réaction en utilisant create-react-app cli. Ensuite, j'ai ajouté la bibliothèque 'react-redux' à l'aide de npm install --save react-redux.

Dans package.json j'ai:

"react-redux": "^4.4.5"

Malheureusement, l'application ne compile pas et se plaint de:

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

Je ne sais pas ce que ça veut dire

Voici le conteneur complet:

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);

Voici complet 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"
  }
}
reactjsreact-redux
67
Salman Lashkarara

Vous devez installer la bibliothèque react-redux mais également redux.

npm install --save redux
162
Borjante

react-redux utilise en interne Action, ActionCreator, AnyAction, Dispatch, Store ces interfaces forment le package redux.

le moment où vous appelez

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

react-redux essayez d'utiliser toutes ces interfaces du package redux. qui n'est pas présent pour le moment.

Il vous faudra donc peut-être installer le paquet react-redux avec redux, car les deux ont une dépendance.

 npm install --save redux react-redux
8
Amruth LS

J'ai eu le même défi lorsque je travaillais avec IDE Visual Studio Code (VSC).

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

Le package 'redux' était en cours de résolution depuis un autre emplacement, en tant que dépendance dans certains packages TypeScript.

J'ai exécuté yarn add [email protected] (avec le terminal VSC) pour réinstaller le paquet. Notez que j'avais la version exacte dans mon package.json en tant que dépendance, ce qui aide le fil à relier les dépendances plus rapidement car mon objectif n'était pas de mettre à jour redux pour le moment.

0
Mwami.Tovi