S'il vous plaît vérifier l'image.
Je suppose que c'est lié à package.json
mais je ne suis pas très sûr.
Réponse au commentaire pour plus d'informations
Au début, j'installais material-ui
.
Les messages détaillés sont ici:
I:\react-boilerplate> npm installer le matériel-ui
[email protected] I:\react-boilerplate
| + - [email protected]
| + - [email protected]
| + - DÉPENDANCE DES PAIRS NON SATISFAITS react@^15.4.2
| + - [email protected]
| + - [email protected]
| + - [email protected]
| | + - DÉPENDANCE DES PAIRS NON SATISFAITS react@^15.4.2
| | `- [email protected]
| + - [email protected]
| | `- [email protected]
| `- [email protected]
+ - LA DÉPENDANCE DES PAIRS UNMET react-tap-event-plugin@^2.0.1
`- UNMET PEER DEPENDENCY [email protected]
Ensuite, j’essayais de réparer la DÉPENDANCE À UN PEUPTE UNMET en npm install
.
La première tentative donne ceci:
[email protected] I:\react-boilerplate
+ - [email protected] invalide
`- UNMET PEER DEPENDENCY [email protected]
Comme vous pouvez le constater, c’est la première invalid
que j’ai rencontrée.
J'essaie donc simplement de comprendre pourquoi cette invalid
apparaît et comment la réparer.
Réponse au commentaire pour plus d'informations
Voici le package.json, section des dépendances
"dépendances": {"babel-polyfill": "6.20.0", "craie": "1.1.3", "compression": "1.6.2", "croix-env": "3.1.3", " express ":" 4.14.0 "," fontfaceobserver ":" 2.0.7 "," immuable ":" 3.8.1 "," intl ":" 1.2.5 "," invariant ":" 2.2.2 "," ip ":" 1.1.4 "," lodash ":" 4.17.2 "," minimiste ":" 1.2.0 "," réagir ":" 15.4.1 "," react-dom ":" 15.4.1 " , "react-helmet": "3.2.2", "react-intl": "2.1.5", "react-redux": "4.4.6", "react-routeur": "3.0.0", " react-router-redux ":" 4.0.6 "," react-router-scroll ":" 0.4.1 "," redux ":" 3.6.0 "," redux-immuable ":" 3.0.8 "," redux-saga ":" 0.14.0 "," resélectionner ":" 2.5.4 "," sanitize.css ":" 4.1.0 "," styled-components ":" 1.1.2 "," avertissement ":" 3.0.0 "," whatwg-fetch ":" 2.0.1 "},
et la section devDependencies
"devDependencies": {"babel-cli": "6.18.0", "babel-core": "6.21.0", "babel-eslint": "7.1.1", "babel-loader": "6.2. 10 "," babel-plugin-dynamique-import-noeud ":" 1.0.0 "," babel-plugin-réact-intl ":" 2.2.0 "," babel-plugin-réact-transformation ":" 2.0. 2 "," babel-plugin-transform-es2015-modules-commonjs ":" 6.18.0 "," babel-plugin-transformation-react-constant-elements ":" 6.9.1 "," babel-plugin-transform- react-inline-elements ":" 6.8.0 "," types de plug-in babel-transform-rea ":" 0.2.11 "," babel-preset-latest ":" 6.16.0 "," babel-preset-react ":" 6.16.0 "," babel-preset-react-hmre ":" 1.1.1 "," babel-preset-stage-0 ":" 6.16.0 "," cheerio ":" 0.22.0 "," circular-dependency-plugin ":" 2.0.0 "," combinaisons ":" 2.11.15 "," css-loader ":" 0.26.1 "," enzyme ":" 2.6.0 " , "eslint": "3.11.1", "eslint-config-airbnb": "13.0.0", "eslint-config-airbnb-base": "10.0.1", "eslint-import-resolver-webpack" : "0.8.0", "eslint-plugin-import": "2.2.0", "eslint-plugin-jsx-a11y": "2.2.3", "eslint-plugin-react": "6.7.1" , "eslint-plugin-redux-saga ":" 0.1.5 "," eventsource-polyfill ":" 0.9.6 "," exports-loader ":" 0.6.3 "," chargeur de fichiers ":" 0.9.0 "," html-loader ": "0.4.4", "plug-in html-webpack": "2.24.1", "image-webpack-loader": "2.0.0", "imports-loader": "0.6.5", "jest-cli ":" 18.0.0 "," lint-staged ":" 3.2.1 "," ngrok ":" 2.2.4 "," node-plop ":" 0.5.4 "," chargeur nul ":" 0.1 .1 "," offline-plugin ":" 4.5.2 "," plop ":" 1.7.3 "," pré-commit ":" 1.1.3 "," react-addons-test-utils ":" 15.4 .1 "," rimraf ":" 2.5.4 "," shelljs ":" 0.7.5 "," sinon ":" 2.0.0-pre "," style-loader ":" 0.13.1 "," url -loader ":" 0.5.7 "," webpack ":" 2.2.0-rc.3 "," webpack-dev-middleware ":" 1.9.0 "," webpack-hot-middleware ":" 2.15.0 "}
Une dépendance invalide suggère ici qu'une version inappropriée d'un paquet de dépendance a été installée. Dans ce cas, votre projet demande [email protected]
, mais la version 2.2.1
a été installée à la place. Notez qu'il n'y a pas de caret (^) ou de tilde (~) dans la plage de versions, ce qui signifie que 2.2.1
n'est pas une correspondance valide.
Un autre conflit se produit avec React, qui est corrigé à la version 15.4.1
et doit être mis à niveau vers la plage de versions ^15.4.2
, comme requis par d'autres dépendances (telles que material-ui
).
Afin de définir une nouvelle version d'une dépendance (pour la mettre à niveau/la rétrograder), n'oubliez pas l'indicateur de sauvegarde correspondant (--save
/-S
ou --save-dev
/-D
).
npm install -S react@^15.4.2
Malheureusement, react-tap-event-plugin
dépend de la version 2.2.0-rc3
webpack, vous ne devez donc pas mettre à niveau webpack. Au lieu de cela, vous pouvez appeler npm update --dev
pour vous assurer que toutes les dépendances enregistrées sont installées avec les bonnes versions. Si tout échoue, une astuce naïve mais efficace consiste à supprimer le dossier node_modules et à installer tous les packages à partir de zéro.
J'ai vu cette erreur se produire lors de l'exécution d'un npm install Path\Filename.tgz
où le nom de fichier est différent lors des appels npm install
suivants de l'installation d'origine.
Plus précisément, sur le système d’exploitation Windows où le cas chemin\nom de fichier n'a pas d'importance.
Par exemple, j'ai installé avec un nom de dossier qui avait un caractère de début de lettre majuscule, puis lors d'appels suivants, j'utilisais le nom de minuscule. Cela a empêché l'installation du package et généré l'avertissement rouge, invalid
, en regard du nom du package.
Inspectez le package.json
et utilisez le chemin exact et le nom de fichier pour voir si cela résout le problème.