安装

快速安装：有关分步安装说明，请参阅我们的如何安装 TanStack Router 指南。

您可以使用任何 NPM 包管理器安装 TanStack Router。

npm install @tanstack/react-router
# or
pnpm add @tanstack/react-router
# or
yarn add @tanstack/react-router
# or
bun add @tanstack/react-router
# or
deno add npm:@tanstack/react-router

npm install @tanstack/react-router
# or
pnpm add @tanstack/react-router
# or
yarn add @tanstack/react-router
# or
bun add @tanstack/react-router
# or
deno add npm:@tanstack/react-router

TanStack Router 目前仅与 React (带 ReactDOM) 和 Solid 兼容。如果您想为 React Native、Angular 或 Vue 适配器做出贡献，请在 Discord 上联系我们。

• react v18.x.x 或 v19.x.x
• react-dom，v18.x.x 或 v19.x.x
  • 请注意，需要 ReactDOM.createRoot。
  • 不支持旧版 .render() 函数。

TypeScript 是可选的，但强烈推荐！如果您正在使用它，请确保您使用的是 typescript>=v5.3.x。

我们所有关于 TanStack React Router 的文档都集成到 NPM 模块中，并且可以轻松安装为 LLM 规则。您可以使用 vibe-rules 将 LLM 规则集成到您选择的编辑器中。

pnpm add -g vibe-rules

pnpm add -g vibe-rules

然后使用您选择的编辑器运行 vibe-rules。以下是 Cursor 的一个示例

vibe-rules install cursor

vibe-rules install cursor

但您也可以使用 windsurf、claude-code 等。有关更多信息，请查阅 vibe-rules 文档。

当使用 Yarn Workspaces 时，您需要在使用 TanStack Router 的应用程序的 .yarnrc.yml 中添加以下配置

pnpFallbackMode: all
pnpMode: loose

pnpFallbackMode: all
pnpMode: loose