reactjs - Kan ikke finde modulet '@tanstack/react-table' på trods af, at det er installeret

Jeg arbejder på et TypeScript React-projekt, og jeg prøver at importere ColumnDef fra @tanstack/react-table i min columns.tsx-fil.

import { ColumnDef } from "@tanstack/react-table";

export type Payment = {
  id: string;
  amount: number;
  status: "pending" | "processing" | "success" | "failed";
  email: string;
};

export const columns: ColumnDef<Payment>[] = [
  {
    accessorKey: "status",
    header: "Status",
  },
  {
    accessorKey: "email",
    header: "Email",
  },
  {
    accessorKey: "amount",
    header: "Amount",
  },
];

Jeg får dog følgende TypeScript-fejl:

Cannot find module '@tanstack/react-table' or its corresponding type declarations.ts(2307)

Jeg har allerede installeret @tanstack/react-table ved hjælp af npm. Jeg har også prøvet at gøre --save-dev samt at slette min node_modules-mappe og package-lock.json-fil, og derefter køre npm install igen, men fejlen fortsætter.

Nogle ideer om, hvad der kunne forårsage dette, og hvordan man løser det, eller hvad der kunne forårsage dette problem?

Svar #1

Jeg havde præcis det samme problem i dag, men med React Query. Jeg prøvede de samme ting, som du gjorde, uden held.

Det, der endte med at virke, var at genstarte Typescript-serveren. Ligesom dette...

• For Windows i VS Code: Tryk Ctrl + Shift + P og vælg >TypeScript: Genstart TS-server.

• For macOS i VS Code: Tryk ⇧ + ⌘ + P eller F1 og vælg >TypeScript: Genstart TS-server.

Lad mig vide, om dette virkede. Hvis ikke, vil vi prøve at få det løst.

Som en sidste udvej, hvis du midlertidigt har brug for at omgå TypeScript-fejlen, kan du bruge // @ts-expect-error over importstien. Dette anbefales dog ikke som en langsigtet løsning, da det ignorerer typekontrollen:

import { 
    ColumnDef 
    // @ts-expect-error descr must go here
} from "@tanstack/react-table";