모듈을 찾을 수 없음 : 'redux'

create-react-appcli를 사용하여 새로운 반응 애플리케이션을 만들었습니다 . 그리고 내가 추가 한 'react-redux'사용하여 라이브러리를 npm install --save react-redux.

에서 package.jsonI 있습니다 :

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

react-redux뿐만 아니라 redux 라이브러리도 설치해야합니다.

npm install --save redux

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

설정 moduleResolution에 노드 에서tsconfig.json

예:

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

다음 명령을 사용할 수 있습니다.

npm 사용

npm install redux --save

실 사용

yarn add redux

VSC (Visual Studio Code) IDE로 작업하는 동안 동일한 문제가 발생했습니다.

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

'redux'패키지는 일부 typescript 패키지 내의 종속성으로 다른 곳에서 모두 함께 해결되었습니다.

yarn add redux@3.7.2패키지를 다시 설치하기 위해 VSC 터미널로 실행했습니다 . 주 내에서 정확한 버전 있다고 package.json종속성 등을, 내 목표는 아직 REDUX 업그레이드되지 않았습니다 때문에이 빠르게 종속성을 연결하는 실을 수 있습니다.