reactjs / reactjs/react.dev

[Bug]: Tic-Tac-Toe sandbox download contains duplicate CSS rules

Offen
#8,535 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug: unconfirmed
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Summary

The CodeSandbox generated from the Tic-Tac-Toe tutorial contains duplicate * and body CSS rules in src/styles.css.
The declarations are identical and do not affect the rendered result, but the duplication may confuse beginners following the tutorial.

Page

https://react.dev/learn/tutorial-tic-tac-toe

Details

Steps to reproduce:

  1. Open the Tic-Tac-Toe tutorial.
  2. Fork one of the interactive examples in CodeSandbox.
  3. Download and extract the sandbox.
  4. Open src/styles.css.

The * and body rules appear twice with identical declarations.
I confirmed the same duplication in multiple examples on the tutorial page.
The tutorial source defines them only once per example, so the duplication appears to occur when the sandbox files are generated.

Expected result:

src/styles.css contains only one copy of each rule.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne auf der Tic-Tac-Toe-Tutorialseite und reproduziere das Problem, indem du mehrere CodeSandbox-Beispiele herunterlädst. Untersuche jede extrahierte src/styles.css und vergleiche sie mit dem Quelltext des Tutorials. Verfolge anschließend, wie die Sandbox-Dateien generiert werden. Als erledigt gilt die Aufgabe, wenn jedes generierte Stylesheet nur eine Kopie der Regeln für * und body enthält.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css, javascript, react
Bereich
documentation, tooling
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

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