使用@tanstack/react-virtual时useVirtualizer未导出问题求助

错误原因 #

你使用的@tanstack/react-virtual 3.0.0-alpha.0是预发布的alpha版本，该版本已将useVirtualizer重命名为useVirtual，但官方文档可能未同步更新这个预发布版本的API变更，导致你按照稳定版文档导入时报错。

解决方法 #

• 方案一：适配alpha版本API
  修改导入语句为：

  import { useVirtual } from "@tanstack/react-virtual";
  

  代码中原本调用useVirtualizer的地方替换为useVirtual，两者参数结构基本兼容，若有疑问可查看该版本的类型定义文件或源码确认参数细节。

• 方案二：降级到稳定版
  若想沿用文档中的useVirtualizer，可降级到2.x系列稳定版本：

  npm install @tanstack/react-virtual@^2.0.0
  

  降级后即可正常使用import { useVirtualizer } from "@tanstack/react-virtual";语句。

• 方案三：确认版本变更细节
  查看该alpha版本的发布日志或源码，明确所有API变更点，避免后续开发出现其他兼容问题。

内容的提问来源于stack exchange，提问作者Mujtaba Abbasi