Code diff highlighting not working

Offen Anfängerfreundlich
#1,047 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
65/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
typescript
Bereich
documentation

Rechercherichtung

Beginne auf der Seite „Start migration“ und untersuche, wie der angezeigte Codeblock gerendert wird, indem du die erwarteten Diff-Markierungen mit der dargestellten Ausgabe vergleichst. Verfolge den Pfad für die Code-Hervorhebung der Seite und überprüfe die Korrektur, indem du bestätigst, dass hinzugefügte und entfernte Zeilen mit der vorgesehenen Hervorhebung gerendert werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Image

This is what's rendering, at least on the Start migration page. I couldn't find another issue for this but if there is one, apologies for the duplicate.

- export default async function Page({ // [!code --]
-   params, // [!code --]
- }: { // [!code --]
-   params: Promise<{ slug: string }> // [!code --]
- }) { // [!code --]
+ export const Route = createFileRoute('/app/posts/$slug')({ // [!code ++]
+   component: Page, // [!code ++]
+ }) // [!code ++]

+ function Page() { // [!code ++]
-   const { slug } = await params // [!code --]
+   const { slug } = Route.useParams() // [!code ++]
  return <div>My Post: {slug}</div>
}
Vorherrschende Sprache
TypeScript
Sterne
1.1k
Forks
401
Ø Merge
18 Std. 44 Min.
Gemergte PRs (30 T.)
55

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TanStack/tanstack.com

Alle Issues in TanStack/tanstack.com

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.