自动

框架

版本

菜单

入门

路由

指南

API

基于文件的路由
核心

ESLint

路由器示例

自动

框架

版本

菜单

入门

路由

指南

API

基于文件的路由
核心

ESLint

路由器示例

页面内容

安装

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

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

sh

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

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

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

要求

solid-jsv1.x.x

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

重要

我们的目标是支持 TypeScript 的最近五个次要版本。如果您使用的是旧版本，可能会遇到问题。请升级到最新版本的 TypeScript 以确保兼容性。我们可能会在次要或补丁版本中，在不另行通知的情况下，停止对上述范围之外的旧版本 TypeScript 的支持。

LLM 助手支持

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

bash

pnpm add -g vibe-rules

pnpm add -g vibe-rules

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

bash

vibe-rules install cursor

vibe-rules install cursor

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

在 Yarn Workspaces 中使用

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

yml

pnpFallbackMode: all
pnpMode: loose

pnpFallbackMode: all
pnpMode: loose

在 GitHub 上编辑

我们的合作伙伴

Code Rabbit

Netlify

Neon

Convex

Sentry

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。