[Bug]: Tic-Tac-Toe sandbox download contains duplicate CSS rules
まだ誰も着手していません。
- 主要言語
- JavaScript
- スター
- 11.8k
- フォーク
- 7.9k
- 平均マージ
- 1日 11時間
- マージ済み PR(30日)
- 11
説明
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:
- Open the Tic-Tac-Toe tutorial.
- Fork one of the interactive examples in CodeSandbox.
- Download and extract the sandbox.
- 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.
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
Tic-Tac-Toe チュートリアルページから始め、複数の CodeSandbox 例をダウンロードして問題を再現します。抽出された各 src/styles.css を調べてチュートリアルのソースと比較し、その後、sandbox ファイルがどのように生成されるかを追跡します。生成された各スタイルシートに * と body のルールがそれぞれ 1 つだけ含まれていれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css, javascript, react
- 領域
- documentation, tooling
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 静か
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 55/100