मॉड्यूल नहीं मिला: 'redux'

Question 1

मैंने create-react-appcli का उपयोग करके एक नया रिएक्शन एप्लिकेशन बनाया है । तब मैंने '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"
  }
}

Question 2

आपको प्रतिक्रिया-रिडक्स स्थापित करना होगा, लेकिन लाइब्रेरी को भी रिड्यूस करना होगा।

npm install --save redux

Question 3

react-reduxआंतरिक Action, ActionCreator, AnyAction, Dispatch, Storeरूप से इन इंटरफेस फॉर्म reduxपैकेज का उपयोग करता है ।

जिस क्षण तुम पुकारोगे

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

react-reduxreduxपैकेज से इन सभी इंटरफेस का उपयोग करने का प्रयास करें । जो इस समय मौजूद नहीं है।

इसलिए आपको दोनों react-reduxके साथ पैकेज स्थापित करना पड़ सकता है reduxक्योंकि दोनों पर निर्भरता है।

 npm install --save redux react-redux

Question 4

सेट moduleResolutionकरने के लिए नोड परtsconfig.json

उदाहरण:

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

Question 5

आप निम्न आदेश का उपयोग कर सकते हैं:

एनपीएम का उपयोग करना

npm install redux --save

यार्न का उपयोग कर

yarn add redux

Question 6

विजुअल स्टूडियो कोड (VSC) आईडीई के साथ काम करते समय मेरे पास एक ही चुनौती थी।

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

'रिडक्स' पैकेज को सभी प्रकार के पैकेजों के भीतर एक निर्भरता के रूप में, एक साथ सभी जगह से हल किया जा रहा था।

मैं yarn add redux@3.7.2पैकेज को फिर से स्थापित करने के लिए (VSC टर्मिनल के साथ) भागा । ध्यान दें कि मेरे पास package.jsonएक निर्भरता के रूप में सटीक संस्करण था , और यह यार्न को तेजी से जोड़ने में मदद करता है क्योंकि मेरा लक्ष्य अभी तक Redux को अपग्रेड नहीं करना था।