reactjs - Recharts fungerar inte för React med TypeScript

Jag har ett problem med att hantera diagrambibliotek.

Steg för steg

  1. Skapa ett tomt projekt
$ npx create-react-app chart-demo --template typescript
  1. Lägg till Recharts
$ yarn add @types/recharts
  1. Kör projektet
$ yarn start

Det visar följande fel.

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

För din information, det är inte bara för recharts utan för flera bibliotek. Lyckligtvis upptäckte jag att victory chart fungerar

Det är verkligen ett helt nytt projekt, har bara lagt till recharts.
Snälla hjälp mig att lösa detta problem.

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

Svar #1

Du installerade inte recharts, du installerade bara dess typdefinitioner.

Försök :

yarn install recharts

När du installerar ett @types/<package-name>-paket installerar du ingen körbar kod. Du installerar bara typdefinitionerna för ett paket som inte tillhandahåller sina egna typer. Du behöver fortfarande installera paketet själv.

Svar #2

Det är också möjligt att du har installerat rechart istället för recharts. Se till att du installerar rätt paket (recharts).

Relaterade artiklar