web-dev-qa-db-fra.com

Recharts ne fonctionne pas pour le React avec dossier

J'ai un problème avec les bibliothèques de cartes de traitement.

Pas à pas

  1. Créer un projet vide

$ npx create-react-app chart-demo --template TypeScript

  1. Ajouter des recharts

$ yarn add @types/recharts

  1. Exécuter le projet

$ yarn start

Il montre l'erreur suivante.

Failed to compile
./src/App.tsx
Module not found: Can't resolve 'recharts' in '\chart-demo\src'

FYI, ce n'est pas seulement pour les recharts mais pour plusieurs bibliothèques. Heureusement, j'ai trouvé Tableau de la victoire fonctionne

C'est vraiment un nouveau projet, il suffit d'ajouter recharts uniquement.
[.____] aidez-moi s'il vous plaît à comprendre ce problème.

Package.json

{
  "name": "chart-demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/jest": "^24.0.0",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",
    "@types/recharts": "^1.8.15",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.3",
    "TypeScript": "~3.7.2"
  },
  "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"
    ]
  }
}
reactjstypescriptrechartsvictory-chartsreact-starter-kit
6
incredever

Vous n'avez pas installé Recharts, vous n'avez installé que ses définitions de type.

Essayer:

yarn install recharts

Lorsque vous installez un @types/<package-name> Paquet, vous n'installez pas de code exécutable. Vous venez d'installer les définitions de type pour un package qui ne fournit pas de types de types. Vous devez toujours installer le paquet lui-même.

5
Alex Wayne

Il est également possible que vous ayez installé rechart au lieu de recharts. Assurez-vous d'installer le bon package (recharts).

0
Mahdi