web-dev-qa-db-fra.com

Résolution: "La définition de la règle" @ TypeScript-eslint / consistent-type-assertions "est introuvable"

Mon React ne parvient pas à se compiler en raison de l'erreur: la définition de la règle '@ TypeScript-eslint/consistent-type-assertions' est introuvable

Je suis un peu perdu. Je ne trouve aucune définition de règle actuelle dans le projet. Le projet était en cours de compilation. L'erreur a commencé après la restructuration de l'application.

L'application ne parvient pas à compiler avec l'erreur: la définition de la règle "@ TypeScript-eslint/consistent-type-assertions" est introuvable

packge.json -

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@types/react-dom": "16.9.0",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.1.1",
    "styled-components": "^4.3.2",
    "TypeScript": "^3.5.3"
  },
  "scripts": {
    "start": "PORT=3005 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --transformIgnorePatterns",
    "e2e": "./node_modules/.bin/cypress open"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@testing-library/dom": "^6.1.0",
    "@testing-library/jest-dom": "^4.0.1",
    "@testing-library/react": "^9.1.3",
    "@types/jest": "^24.0.18",
    "@types/lodash": "^4.14.137",
    "@types/node": "^12.7.2",
    "@types/react": "^16.9.2",
    "@types/react-router-dom": "^4.3.4",
    "@types/styled-components": "^4.1.18",
    "babel-jest": "^24.9.0",
    "cypress": "^3.4.1"
  }
}
reactjstypescriptnpmcreate-react-apptypescript-typings
16
ezagala

Quand j'ai rencontré cela, j'avais créé une toute nouvelle application en utilisant create-react-app my-app --TypeScript a ensuite copié les dépendances d'un autre projet que je venais de terminer. Après avoir gâché les choses, j'ai remarqué que le react-scripts était à la version 3.1.1, quand j'ai finalement relancé ce travail package.json l'a eu à 3.1.2 on dirait que c'est le coupable. Un package.json ressemblerait à:

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@types/jest": "24.0.18",
    "@types/node": "12.7.5",
    "@types/react": "16.9.2",
    "@types/react-dom": "16.9.0",
    "node-sass": "^4.12.0",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-scripts": "3.1.2",
    "TypeScript": "3.6.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Essayer de faire disparaître l'erreur était un défi, il y a un bogue diabolique dans Visual Studio qui laissera votre VSCompiler.exe et d'autres services ont raccroché uniquement en utilisant la version du fichier qu'il avait lorsque les services ont raccroché. Peu importe ce que vous faites, rien ne fonctionnera jusqu'à ce que vous les redémarriez, voir ceci réponse sur quelques conseils pour le résoudre, je me rends compte que c'est pour Angular mais le même les principes s'appliquent.

8
Andy Braham

Il suffit de mettre à jour react-scripts vers la version 3.1.2. Je l'ai résolu en désinstallant et en réinstallant. En ligne de commande:

désinstaller:

npm uninstall react-scripts

et réinstallez:

npm i react-scripts
7
kmgt

J'ai trouvé une solution. 1) Supprimer les node_modules 2) mettre à jour la ligne Package.Json de scripts React en ceci: "" react-scripts ":" 3.1.2 "" 3) run npm i

Cela devrait fonctionner

5
Ariel Volnicher

yarn add -D @TypeScript-eslint/eslint-plugin@latest ou pour être plus précis yarn add -D @TypeScript-eslint/eslint-plugin@^2

J'ai rencontré le problème car le plugin était à @TypeScript-eslint/eslint-plugin@^1.

0
Mateja Petrovic

Je viens de découvrir cette erreur exacte sur un référentiel git create-react-app que j'ai cloné. Fonctionnement npm install suivi par npm start m'a donné le même message d'erreur.

J'ai alors réalisé que le créateur avait utilisé du fil plutôt que du npm. J'ai donc supprimé le référentiel, l'ai recloné et j'ai exécuté yarn install suivi par yarn start. L'erreur a disparu.

Cela pourrait donc être un problème npm vs fil. D'autant plus que create-react-app par défaut pour yarn si vous l'avez installé précédemment; ce qui pourrait causer des problèmes si vous continuez à utiliser npm? Appréciez qu'il s'agit d'une circonstance différente car il s'agit de votre propre application, mais elle peut être liée.

Certes, je suis tombé directement sur une erreur différente, mais au moins j'avais progressé ...

0
Concrete_Buddha

Je pourrais résoudre le problème en exécutant yarn install encore. Si cela ne fonctionne pas, vous pouvez essayer de supprimer complètement le dossier node_modules et d'exécuter yarn install encore.

0
Möhre

J'ai essayé toutes les étapes avant, cependant, ce qui a résolu mon problème, ce sont les étapes suivantes:

  • 1.- Supprimer node_modules
  • 2.- supprimer package-lock.json
  • 3.- Mettre à jour la ligne package.json de scripts React comme ceci: "react-scripts": "3.1.2"
  • 4.- Installation npm (ou installation Sudo npm si vous avez besoin d'une autorisation supplémentaire).

J'espère que cela aide quelqu'un d'autre.

0
webtechnelson