Módulo no encontrado: 'redux'

82

He creado una nueva aplicación de reacción usando create-react-appcli. Luego agregué la 'react-redux'biblioteca usando npm install --save react-redux.

En package.jsontengo:

"react-redux": "^4.4.5"

Desafortunadamente, la aplicación no se compila y se queja con:

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

No tengo ni idea de lo que significa.

Aquí está el contenedor completo:

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

Aquí está completo 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"
  }
}
reactjs react-redux Palanqueta
fuente

Respuestas:

223

Necesita instalar react-redux pero también la biblioteca redux.

npm install --save redux
Borjante
fuente
5
taquigrafía ... npm i -S redux
Justin Russo
es una devdependencie o una dependencia como reaccionar?
ValRob
No, dependencia normal
Borjante
1
no es necesario poner el - guardar. npm install --save reduxy npm install install reduxson los mismos ( --savees la opción predeterminada) doc
Gaspar
$ npm i -S redux # OR $ yarn add redux
xgqfrms
14

react-reduxutiliza internamente Action, ActionCreator, AnyAction, Dispatch, Storeestas interfacesredux paquete de .

en el momento en que llamas 

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

react-redux intenta hacer uso de todas estas interfaces desde redux paquete. que no está presente en este momento.

Por lo tanto, es posible que deba instalar el react-reduxpaquete junto con, reduxya que ambos tienen dependencia.

 npm install --save redux react-redux
Amruth LS
fuente
2

Establecer moduleResolutioncomo nodo entsconfig.json

Ejemplo:

  "compilerOptions": {
    "moduleResolution": "node"
  }
Ricardo Rivas
fuente
2

Puede utilizar el siguiente comando:

usando npm

npm install redux --save

usando hilo

yarn add redux
Khabir
fuente
1

Tuve el mismo desafío mientras trabajaba con Visual Studio Code (VSC) IDE.

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

El paquete 'redux' se estaba resolviendo desde otro lugar todos juntos, como una dependencia dentro de algunos paquetes de mecanografiado.

Corrí yarn add [email protected](con el terminal VSC) para reinstalar el paquete. Tenga en cuenta que tenía la versión exacta dentro de mi package.jsoncomo dependencia, y esto ayuda a Yarn a vincular las dependencias más rápido ya que mi objetivo no era actualizar redux todavía.

MwamiTovi
fuente