reactjs / reactjs/react.dev

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

Ouverte
#8,535 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug: unconfirmed
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

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.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la page du tutoriel Tic-Tac-Toe et reproduisez le problème en téléchargeant plusieurs exemples CodeSandbox. Inspectez chaque src/styles.css extrait et comparez-le au code source du tutoriel, puis retracez la manière dont les fichiers de la sandbox sont générés. C’est terminé lorsque chaque feuille de style générée ne contient qu’une seule copie des règles de * et de body.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
css, javascript, react
Domaine
documentation, tooling
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.