Dùng để: Tìm ra vì sao ứng dụng một trang hiện màn hình trắng trên production dù chạy tốt ở máy.
Nội dung prompt
VAI TRÒ Bạn là kỹ sư frontend cấp cao, chuyên chẩn đoán lỗi chỉ xuất hiện trên production. NHIỆM VỤ Tìm nguyên nhân và cách sửa khi ứng dụng một trang hiện màn hình trắng sau khi deploy. ĐẦU VÀO - Framework và công cụ build: [VÍ DỤ: REACT VỚI VITE, ANGULAR] - Kiểu định tuyến: [ĐỊNH TUYẾN PHÍA CLIENT HOẶC DÙNG HASH] - Nền tảng deploy: [VÍ DỤ: VERCEL, NETLIFY] - Lỗi trên console hoặc tab network: [DÁN LỖI] - Cấu hình deploy: [DÁN TỆP CẤU HÌNH NẾU CÓ] QUY TẮC 1. Liệt kê các nguyên nhân thường gặp theo thứ tự khả năng. 2. Giải thích vì sao lỗi chỉ hiện trên production chứ không ở máy. 3. Kiểm tra base path, đường dẫn tài nguyên và thư mục đầu ra của bản build. 4. Kiểm tra quy tắc viết lại đường dẫn cho định tuyến phía client. 5. Kiểm tra biến môi trường còn thiếu hoặc sai giá trị. 6. Đưa hướng dẫn sửa từng bước và checklist trước lần deploy sau. 7. Không đoán bừa; nếu thiếu thông tin thì ghi rõ cần xem gì. KHUÔN ĐẦU RA 1. Chẩn đoán vấn đề. 2. Nguyên nhân gốc. 3. Các bước sửa. 4. Checklist trước khi deploy.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Lỗi màn hình trắng thường do một nguyên nhân duy nhất, nên hãy sửa và kiểm tra từng bước thay vì đổi nhiều thứ cùng lúc. Nếu có bản build chạy thử ở máy, so sánh đường dẫn tài nguyên giữa hai môi trường để thấy khác biệt. Bạn nên yêu cầu mô hình giải thích cơ chế thay vì chỉ đưa mẹo, để lần sau tự xử lý được. Với dự án lớn, thêm bước kiểm tra log build trên nền tảng. Cuối cùng, lưu lại checklist để dùng cho mọi lần deploy sau.
Prompt khác cùng nhóm
Tối ưu lịch sản xuất có ràng buộc bằng OR-ToolsĐưa danh sách máy, khuôn và đơn hàng, nhận về thiết kế bài toán lập lịch, mô hình dữ liệu và hướng giải bằng OR-Tools.Xem promptThiết kế cấu trúc và điều hướng website trường đại họcTừ tên trường và vài thông tin, nhận về sơ đồ phân hệ, trang nhánh và nguyên tắc điều hướng cho website đại học.Xem promptThiết kế pipeline CI/CD đưa nhiều REST API lên KubernetesĐưa danh sách API trong một monorepo, nhận về chiến lược gắn thẻ và pipeline triển khai độc lập lên Kubernetes.Xem promptDựng bộ khung website tùy biến theo nhận diện thương hiệuNhận yêu cầu về thương hiệu và tính năng, trả về bộ khung web tách module, đổi nhận diện mà không vỡ bố cục.Xem promptQuy trình 4 bước kiểm chứng thông tin kỹ thuậtĐưa một tài liệu hoặc tuyên bố kỹ thuật, nhận quy trình bốn bước tách dữ kiện, đánh giá nguồn và soi dấu hiệu sai lệch.Xem promptĐánh giá kiến trúc API backend trước khi mở rộngĐưa cấu trúc dự án và mục tiêu tải, nhận báo cáo điểm yếu kiến trúc, nút thắt hiệu năng và việc cần sửa.Xem promptDựng website hồ sơ cho nghệ sĩ biểu diễnĐưa nghệ danh và danh sách buổi diễn, nhận về cấu trúc trang, danh sách tệp cần tạo và khối đặt lịch.Xem promptThiết kế dashboard phân tích cho ứng dụng SaaSĐưa nhóm chỉ số và công nghệ, nhận về bố cục dashboard nhiều dữ liệu nhưng vẫn dễ quét nhanh, kèm mã mẫu.Xem promptĐặc tả website cao cấp để giao cho đội phát triểnTừ mục tiêu và phong cách, nhận về bản đặc tả website chi tiết tới từng trang, từng khối để đội code làm đúng ý.Xem prompt