reactjs / reactjs/react.dev

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

Đang mở
#8,535 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

bug: unconfirmed
Ngôn ngữ chính
JavaScript
Star
11.8k
Fork
7.9k
Merge trung bình
1 ngày 11 giờ
Pull request đã merge (30 ngày)
11

Mô tả

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.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Bắt đầu từ trang hướng dẫn Tic-Tac-Toe và tái hiện vấn đề bằng cách tải xuống nhiều ví dụ CodeSandbox. Kiểm tra từng src/styles.css đã được trích xuất và so sánh với mã nguồn của hướng dẫn, sau đó truy vết cách các tệp sandbox được tạo. Hoàn thành khi mỗi stylesheet được tạo chỉ chứa một bản sao của các quy tắc * và body.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
css, javascript, react
Lĩnh vực
documentation, tooling
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
55/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.