8
votes

Échec du démarrage de l'application React sur vscode par version ESLint

J'ai un problème que je ne peux pas résoudre. J'utilise ESLint dans VSCode pour tous mes projets. Maintenant, j'ai créé une nouvelle application de réaction, mais lorsque je l'exécute (npm start ou yarn start), elle génère une erreur.

L'application React utilise ESLint 5.12.5, est une version inférieure de la mienne. J'ai essayé de suivre les étapes de la suggestion mais ... ce n'est pas corrigé.

Quelqu'un peut-il résoudre mon problème?

J'ai essayé npm uninstall -g eslint , npm uninstall eslint , npm i ... bla..bla, supprimé mon extension ESLint dans mon VSCode et recréé l'application react. Mais l'erreur n'a pas été corrigée.
J'ai vérifié eslint -v, il a dit 5.14.1, mais dans l'avis d'erreur, vscode a dit que la version 5.16.0 est dans node-modules @@.

Ceci est un avis d'erreur complet lorsque j'essaye le yarn start ou le npm start :

> homework02@0.1.0 start E:\Extenal Code\Hoc JS\ReactJS-iViettech\homework02
> react-scripts start

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

"eslint": "5.12.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of eslint was detected higher up in the tree:

E:\Extenal Code\Hoc JS\node_modules\eslint (version: 5.16.0)

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That will permanently disable this message but you might encounter other issues.

To fix the dependency tree, try following the steps below in the exact order:

1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
2. Delete node_modules in your project folder.
3. Remove "eslint" from dependencies and/or devDependencies in the package.json file in your project folder.
4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.
If this has not helped, there are a few other things you can try:

5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
This may help because npm has known issues with package hoisting which may get resolved in future versions.

6. Check if E:\Extenal Code\Hoc JS\node_modules\eslint is outside your project directory.
For example, you might have accidentally installed something in your home folder.

7. Try running npm ls eslint in your project folder.
This will tell you which other package (apart from the expected react-scripts) installed eslint.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.


4 commentaires

avez-vous essayé de suivre les étapes mentionnées ici pour corriger l'erreur? (suppression du dossier * -lock.json et node_modules, et ainsi de suite ..)?


J'ai essayé de suivre ces étapes. Del yarn.lock, node_modules ... Et relancez yarn. Mais ... pas de changement ^^ "


J'ai eu un problème similaire lorsque j'ai essayé d'utiliser EsLint avec Webstorm. Les suggestions l'ont résolu pour moi.


Avez-vous vérifié s'il existe un autre paquet qui installe eslint? Avez-vous également eslint dans votre package.json, si oui quelle version?


4 Réponses :


1
votes

Je crois que c'est un problème permanent avec create-react-app react create-react-app et eslint, comme détaillé à:

https://github.com/wesbos/eslint-config-wesbos/issues/17

Il y a un certain nombre de suggestions, même si j'espère qu'elles mettront en place une solution plus permanente.


0 commentaires

3
votes

Je viens de résoudre ce problème, l'erreur dit: The react-scripts package provided by Create React App requires a dependency: "eslint": "5.12.0" (dans mon cas "^ 5.16.0")

mais dit aussi que vous avez une autre version sur package.json qui est E:\Extenal Code\Hoc JS\node_modules\eslint (version: 5.16.0) dans mon cas était 6.1.0

donc ma solution était: j'ai recherché la dépendance appelée eslint et mis à jour la version similaire à Create React App attendue "eslint": "^5.12.0" (dans mon cas "eslint": "^ 5.16.0") au package. json Ensuite, lancez npm install et maintenant vous pouvez lancer npm start ... si vous rencontrez des problèmes avec slint-plugin-import mettez simplement à jour la version, de plus, vous pouvez essayer d'installer localement au lieu de global avec --save .


1 commentaires

Cela fonctionne pour moi aussi, j'avais eslint de la version diff dans son dossier racine



0
votes

Dans mon cas, cela fonctionne comme ci-dessous:

  1. Créez un nouveau projet ou clonez un formulaire vcs.
  2. Créez vous-même le fichier .eslintrc.json. N'utilisez pas Ctrl + Maj + P -> Eslint: créez une configuration eslint.

0 commentaires

0
votes

Essayez simplement de vider le cache et tout entrera dans une utilisation normale, vous pouvez utiliser npx create-react-app project-folder-name , cela a fonctionné pour moi. Utilisez cette cmd dans votre terminal

cmd -> npm cache clean —force

il existe un processus différent pour le faire fonctionner, il suffit de suivre deux installations pour les futurs projets si vous le souhaitez, vous pouvez également l'utiliser et travailler pour vos projets, la ligne cmd est mentionnée ci-dessous:

cmd 1-> create-react-app mon-application --scripts-version @ nomoreanalog / react-scripts-eslintless

cmd 2-> npm install --save-dev babel-plugin-styled-components


0 commentaires