TypeScriptを使用して反応プロジェクトを作成すると、Reduxエラー報告が導入されました。これは、それが見つからないことを示していましたが、すべての依存関係をインストールする必要がありました。
これが私のpackage.jsonです
{
"name": "react-test",
"version": "0.1.0",
"private": true,
"dependencies": {
"@types/jest": "^24.0.11",
"@types/node": "^11.11.3",
"@types/react": "^16.8.8",
"@types/react-dom": "^16.8.2",
"@types/react-redux": "^7.0.3",
"@types/react-router-dom": "^4.3.1",
"axios": "^0.18.0",
"react": "^16.8.4",
"react-dom": "^16.8.4",
"react-redux": "^6.0.1",
"react-router-dom": "^4.4.0",
"react-scripts": "2.1.8",
"redux": "^4.0.1",
"redux-devtools-extension": "^2.13.8",
"redux-thunk": "^2.3.0",
"TypeScript": "^3.3.3333"
},
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"babel-plugin-import": "^1.11.0",
"customize-cra": "^0.2.12",
"node-sass": "^4.11.0",
"react-app-rewired": "^2.1.1"
}
}
ここが私のストアです
import { createStore, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
import { composeWithDevTools } from 'redux-devtools-extension'
import reducer from './reducer'
const store = createStore(reducer, composeWithDevTools(
applyMiddleware(thunk)
))
残念ながら、アプリはコンパイルされず、次のメッセージが表示されます:
./node_modules/[email protected]@react-redux/es/connect/mapDispatchToProps.js
Module not found: Can't resolve 'redux' in '~/node_modules/[email protected]@react-redux/es/connect'
どうすればいいですか。助けてください、ありがとう。
将来これに遭遇するかもしれない人々のために、私は同じ問題に出くわしました。
connect(mapStateToProps, null)(Component)
を呼び出していました。私がしなければならなかったすべては実際に適切なmapDispatchToProps
引数を渡すことであり、それは問題を解決しました。
Reduxが正しくインストールされていないこととは関係ありません。