Installation

Schnelle Installation: Schritt-für-Schritt-Installationsanweisungen finden Sie in unserem Leitfaden TanStack Router installieren.

Sie können TanStack Router mit jedem NPM Paketmanager installieren.

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 ist derzeit nur mit React (mit ReactDOM) und Solid kompatibel. Wenn Sie zum React Native, Angular oder Vue Adapter beitragen möchten, kontaktieren Sie uns bitte auf Discord.

• react entweder v18.x.x oder v19.x.x
• react-dom, entweder v18.x.x oder v19.x.x
  • Beachten Sie, dass ReactDOM.createRoot erforderlich ist.
  • Die veraltete .render() Funktion wird nicht unterstützt.

TypeScript ist optional, aber **DRINGEND** empfohlen! Wenn Sie es verwenden, stellen Sie bitte sicher, dass Sie typescript>=v5.3.x verwenden.

Unsere gesamte Dokumentation für TanStack React Router ist in das NPM-Modul integriert und kann einfach als LLM-Regeln installiert werden. Sie können LLM-Regeln mit vibe-rules in den Editor Ihrer Wahl integrieren.

pnpm add -g vibe-rules

pnpm add -g vibe-rules

Führen Sie dann vibe-rules mit dem Editor Ihrer Wahl aus. Hier ist ein Beispiel für Cursor

vibe-rules install cursor

vibe-rules install cursor

Aber Sie können auch windsurf, claude-code usw. verwenden. Weitere Informationen finden Sie in der Dokumentation von vibe-rules.

Wenn Sie Yarn Workspaces verwenden, müssen Sie die folgende Konfiguration zur .yarnrc.yml der Anwendung hinzufügen, die TanStack Router verwendet

pnpFallbackMode: all
pnpMode: loose

pnpFallbackMode: all
pnpMode: loose