Không tìm thấy mô-đun: 'redux'

Tôi đã tạo một ứng dụng phản ứng mới bằng create-react-appcli. Sau đó, tôi đã thêm 'react-redux'thư viện bằng cách sử dụng npm install --save react-redux.

Trong package.jsontôi có:

"react-redux": "^4.4.5"

Thật không may, ứng dụng không biên dịch và nó phàn nàn với:

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

Tôi không biết nó có nghĩa là gì?

Đây là vùng chứa hoàn chỉnh:

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

Đây là hoàn thành 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"
  }
}

Bạn cần cài đặt react-redux nhưng cũng có thư viện redux.

npm install --save redux

react-reduxnội bộ sử dụng Action, ActionCreator, AnyAction, Dispatch, Storecác reduxgói biểu mẫu giao diện này .

thời điểm bạn gọi

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

react-reduxcố gắng sử dụng tất cả các giao diện này từ reduxgói. mà không có mặt tại thời điểm này.

Vì vậy, bạn có thể phải cài đặt react-reduxgói cùng với reduxvì cả hai đều có sự phụ thuộc.

 npm install --save redux react-redux

Đặt moduleResolutionthành nút lúctsconfig.json

Thí dụ:

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

Bạn có thể sử dụng lệnh sau:

sử dụng npm

npm install redux --save

sử dụng sợi

yarn add redux

Tôi đã gặp phải thách thức tương tự khi làm việc với IDE Visual Studio Code (VSC).

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

Gói 'redux' đang được giải quyết từ một nơi khác cùng nhau, như một phần phụ thuộc trong một số gói typecript.

Tôi đã chạy yarn add redux@3.7.2(với thiết bị đầu cuối VSC) để cài đặt lại gói. Lưu ý rằng tôi đã có phiên bản chính xác bên trong của mình package.jsondưới dạng phụ thuộc và điều này giúp sợi liên kết các phụ thuộc nhanh hơn vì mục tiêu của tôi không phải là nâng cấp redux.