Modul nicht gefunden: 'redux'

80

Ich habe mit create-react-appcli eine neue Reaktionsanwendung erstellt . Dann habe ich die 'react-redux'Bibliothek mit hinzugefügt npm install --save react-redux.

In habe package.jsonich:

"react-redux": "^4.4.5"

Leider wird die App nicht kompiliert und beschwert sich bei:

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

Ich habe keine Ahnung, was es bedeutet?

Hier ist der komplette Container:

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

Hier ist komplett 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"
  }
}
Jimmy
quelle

Antworten:

216

Sie müssen die React-Redux-, aber auch die Redux-Bibliothek installieren.

npm install --save redux
Borjante
quelle
5
Kurzschrift ... npm i -S Redux
Justin Russo
es ist eine devdependencie oder eine abhängigkeit wie reagieren?
ValRob
Nein, normale Abhängigkeit
Borjante
1
Keine Notwendigkeit, die --save zu setzen. npm install --save reduxund npm install install reduxsind die gleichen ( --saveist die Standardoption) doc
Gaspar
$ npm i -S Redux # ODER $ Garn Add Redux
xgqfrms
13

react-reduxintern verwendet Action, ActionCreator, AnyAction, Dispatch, Storediese Schnittstellen Formularpaket redux.

in dem Moment, in dem Sie anrufen

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

react-reduxVersuchen Sie, alle diese Schnittstellen aus dem reduxPaket zu nutzen. was im Moment nicht vorhanden ist.

Daher müssen Sie möglicherweise das react-reduxPaket zusammen mit installieren , reduxda beide abhängig sind.

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

Stellen Sie moduleResolutionzu Knoten auftsconfig.json

Beispiel:

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

Sie können den folgenden Befehl verwenden:

mit npm

npm install redux --save

mit Garn

yarn add redux
Khabir
quelle
1

Ich hatte die gleiche Herausforderung bei der Arbeit mit der VSC-IDE (Visual Studio Code).

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

Das 'Redux'-Paket wurde insgesamt von einem anderen Ort aufgelöst, als Abhängigkeit innerhalb einiger Typoskript-Pakete.

Ich habe yarn add [email protected](mit dem VSC-Terminal) ausgeführt, um das Paket erneut zu installieren. Beachten Sie, dass ich die genaue Version in meiner package.jsonals Abhängigkeit hatte, und dies hilft Garn, die Abhängigkeiten schneller zu verknüpfen, da mein Ziel noch nicht darin bestand, Redux zu aktualisieren.

MwamiTovi
quelle