Ответ 1
Вам нужно установить библиотеку react-redux, но также и редукцию.
npm install --save redux
Я создал новое приложение для реагирования, используя create-react-app
cli.
Затем я добавил библиотеку '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, но также и редукцию.
npm install --save redux
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
У меня была такая же проблема при работе с Visual Studio Code (VSC) IDE.
import { createStore, combineReducers, applyMiddleware } from 'redux';
Пакет 'redux' находился в других местах вместе, как зависимость внутри некоторых пакетов машинописного текста.
Я запустил yarn add [email protected]
(с терминалом VSC), чтобы переустановить пакет. Обратите внимание, что у меня была точная версия в моем package.json
в качестве зависимости, и это помогает пряже быстрее связывать зависимости, так как моей целью еще не было обновить приставку.