13
votes

Module introuvable: impossible de résoudre 'redux' dans node_modules

Lorsque j'ai utilisé le tapuscrit pour créer mon projet react, j'ai introduit le rapport d'erreur Redux, qui indiquait que je ne pouvais pas le trouver, mais que je devais installer toutes les dépendances.

Voici mon package.json

./node_modules/_react-redux@6.0.1@react-redux/es/connect/mapDispatchToProps.js
Module not found: Can't resolve 'redux' in '~/node_modules/_react-redux@6.0.1@react-redux/es/connect'

Voici mon magasin

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)
))

Malheureusement, l'application ne se compile pas et se plaint de:

{
  "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"
  }
}

Que dois-je faire est juste. S'il vous plaît aidez-moi, merci.

reactjs typescript redux

0 commentaires

4 Réponses :

28
votes

Essayez d'installer à la fois redux et react-redux en même temps:

npm install --save redux react-redux

2 commentaires

Votre bienvenue, pouvez-vous mettre à jour le message avec la configuration du webpack?

Je veux savoir pourquoi. Je configure l'alias dans webpack. Merci de me le rappeler.

2
votes

Pour les personnes qui pourraient rencontrer cela à l'avenir, je suis tombé sur le même problème.

connect(mapStateToProps, null)(Component) . Tout ce que j'avais à faire était de passer un argument mapDispatchToProps approprié et cela résolvait le problème.

Cela n'avait rien à voir avec le fait que redux n'était pas correctement installé.

0 commentaires

1
votes

Cela a fonctionné pour moi

npm install --save redux react-redux

0 commentaires

1
votes

--save signifie que la dépendance s'installe en tant que dépendance locale, c'est-à-dire liée à ce projet particulier.

npm install redux -g ici redux install en tant que dépendance globale

0 commentaires