Modul nicht gefunden: 'redux'

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"
  }
}

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

npm install --save redux

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

Stellen Sie moduleResolutionzu Knoten auftsconfig.json

Beispiel:

  "compilerOptions": {
    "moduleResolution": "node"
  }

Sie können den folgenden Befehl verwenden:

mit npm

npm install redux --save

mit Garn

yarn add redux

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 redux@3.7.2(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.