未找到模块：'redux'答案

【问题标题】：Module not found: 'redux'未找到模块：'redux'
【发布时间】：2016-10-17 09:12:27
【问题描述】：

我使用create-react-app cli 创建了一个新的反应应用程序。然后我使用npm install --save react-redux 添加了'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"
  }
}

【问题讨论】：

标签： reactjs react-redux

【解决方案1】：

你需要安装 react-redux 和 redux 库。

npm install --save redux

【讨论】：

速记... npm i -S redux
是 devdependenci 还是 react 之类的依赖？
不，正常依赖
不需要放--save。 npm install --save redux 和 npm install install redux 相同（--save 是默认选项）doc
$ npm i -S redux # OR $ yarn add redux

【解决方案2】：

react-redux 内部使用Action, ActionCreator, AnyAction, Dispatch, Store 这些接口形成redux 包。

你打电话的那一刻

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

react-redux 尝试使用redux 包中的所有这些接口。目前不存在。

所以你可能需要安装react-redux 和redux 包，因为两者都有依赖关系。

 npm install --save redux react-redux

【讨论】：

【解决方案3】：

在tsconfig.json处将moduleResolution设置为节点

例子：

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

【讨论】：

【解决方案4】：

您可以使用以下命令：

使用 npm

npm install redux --save

使用纱线

yarn add redux

【讨论】：

【解决方案5】：

我在使用 Visual Studio Code (VSC) IDE 时遇到了同样的挑战。

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

'redux' 包正在从另一个地方一起解析，作为某些 typescript 包中的依赖项。

我运行yarn add redux@3.7.2（使用 VSC 终端）重新安装该软件包。请注意，我在 package.json 中有确切的版本作为依赖项，这有助于 yarn 更快地链接依赖项，因为我的目标还不是升级 redux。

【讨论】：

【解决方案6】：

我把我所有的 redux 相关文件放到 src/redux 文件夹中，经过一番搜索，我发现这个文件夹名称可能会导致冲突。更改文件夹名称后一切正常。

【讨论】：

【解决方案7】：

对我来说，打字稿的工作原理如下：

yarn add @types/redux @types/react-redux

（或使用npm 尝试：npm install add @types/redux @types/react-redux）

【讨论】：

【解决方案8】：

如果 package.json 中不存在 react-redux，只需安装它使用

npm i react-redux

如果 package.json 中没有 redux，则安装它

npm 我还原

【讨论】：

【解决方案9】：

你需要安装 react-redux 和一个 redux 库，两者都是相互依赖的。不要忘记导入它。

npm install --save redux

【讨论】：

【解决方案10】：

使用 npm ：

npm install redux --save

使用纱线：

纱线添加redux

【讨论】：