Ich habe mit create-react-app
cli eine neue Reaktionsanwendung erstellt . Dann habe ich die 'react-redux'
Bibliothek mit hinzugefügt npm install --save react-redux
.
In habe package.json
ich:
"react-redux": "^4.4.5"
Leider wird die App nicht kompiliert und beschwert sich bei:
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
Ich habe keine Ahnung, was es bedeutet?
Hier ist der komplette Container:
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);
Hier ist komplett 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
Jimmy
quelle
quelle
npm install --save redux
undnpm install install redux
sind die gleichen (--save
ist die Standardoption) docreact-redux
intern verwendetAction, ActionCreator, AnyAction, Dispatch, Store
diese Schnittstellen Formularpaketredux
.in dem Moment, in dem Sie anrufen
export default connect(mapStateToProps,mapDispatchToProps)(App);
react-redux
Versuchen Sie, alle diese Schnittstellen aus demredux
Paket zu nutzen. was im Moment nicht vorhanden ist.Daher müssen Sie möglicherweise das
react-redux
Paket zusammen mit installieren ,redux
da beide abhängig sind.quelle
Stellen Sie
moduleResolution
zu Knoten auftsconfig.json
Beispiel:
"compilerOptions": { "moduleResolution": "node" }
quelle
Sie können den folgenden Befehl verwenden:
mit npm
mit Garn
quelle
Ich hatte die gleiche Herausforderung bei der Arbeit mit der VSC-IDE (Visual Studio Code).
import { createStore, combineReducers, applyMiddleware } from 'redux';
Das 'Redux'-Paket wurde insgesamt von einem anderen Ort aufgelöst, als Abhängigkeit innerhalb einiger Typoskript-Pakete.
Ich habe
yarn add [email protected]
(mit dem VSC-Terminal) ausgeführt, um das Paket erneut zu installieren. Beachten Sie, dass ich die genaue Version in meinerpackage.json
als Abhängigkeit hatte, und dies hilft Garn, die Abhängigkeiten schneller zu verknüpfen, da mein Ziel noch nicht darin bestand, Redux zu aktualisieren.quelle