モジュールが見つかりません： 'redux'

create-react-appcliを使用して新しいreactアプリケーションを作成しました。次に、'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"
  }
}

react-reduxだけでなくreduxライブラリもインストールする必要があります。

npm install --save redux

react-reduxAction, ActionCreator, AnyAction, Dispatch, Storeこれらのインターフェースフォームreduxパッケージを内部的に使用します。

あなたが電話した瞬間

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

react-redux からこれらすべてのインターフェースを利用してみてください reduxパッケージ。現時点では存在しません。

したがって、両方に依存関係react-reduxがあるreduxため、一緒にパッケージをインストールする必要がある場合があります。

 npm install --save redux react-redux

設定するmoduleResolutionには、ノードでtsconfig.json

例：

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

次のコマンドを使用できます。

npmを使用する

npm install redux --save

糸を使う

yarn add redux

Visual Studio Code（VSC）IDEを使用しているときに、同じ課題が発生しました。

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

'redux'パッケージは、一部のtypescriptパッケージ内の依存関係として、別の場所からまとめて解決されていました。

私は走ったyarn add redux@3.7.2パッケージを再インストールするには（VSC端子付き）。package.json依存関係として正確なバージョンが含まれていることに注意してください。これは、reduxをまだアップグレードすることが目標ではなかったため、yarnが依存関係をより速くリンクするのに役立ちます。