尽管已安装，但找不到模块“@tanstack/react-table”

Question

我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。

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

但是，我收到以下 TypeScript 错误：

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

我已经使用 npm 安装了 @tanstack/react-table。我还尝试执行 --save-dev 以及删除我的 node_modules 文件夹和 package-lock.json 文件，然后再次运行 npm install，但错误仍然存在。

关于可能导致此问题的原因以及如何修复它或可能导致此问题的原因有什么想法吗？

Answer 1

我今天遇到了完全相同的问题，但是使用的是 React Query。我尝试了与你相同的方法，但没有成功。

最终起作用的是重新启动 Typescript 服务器。像这样...

• 对于 VS Code 中的 Windows： 按 Ctrl + Shift + P 并选择 >TypeScript：重新启动 TS 服务器。

• 对于 VS Code 中的 macOS： 按 ⇧ + ⌘ + P 或 F1 并选择 >TypeScript：重新启动 TS 服务器。

作为最后的手段，如果您需要暂时绕过 TypeScript 错误，可以在导入路径上方使用 // @ts-expect-error。但是，不建议将其作为长期解决方案，因为它忽略类型检查：

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

让我知道这是否有效。如果没有，我们会尽力解决。