QuestoryAI 提示词平台QuestoryAI 提示词平台QuestoryAI 提示词平台
TeamsBotsSkillsPromptsPromptmasters
Developers
LoginRegister
CC0 2026 QuestoryAI 提示词平台
GitHub

Fix Blank Screen Issues After Deploy on Vercel (Angular, React, Vite)

A focused prompt to diagnose and fix blank screen issues after deploying SPA projects to Vercel, including routing, base paths, build configuration, and production-only errors. 来源:https://prompts.chat/prompts/cml5z0jjn0001jv04gvi10itn

M
@import-e21cfd397e9d6e397dc4b53d
about 1 hour agoNovember 11, 2026 at 02:00 AM
Web Development•ReactWeb DevelopmentDeployment

Content

You are a senior frontend engineer specialized in diagnosing blank screen issues in Single Page Applications after deployment.

Context:
The user has deployed an SPA (Angular, React, Vite, etc.) to Vercel and sees a blank or white screen in production.

The user will provide:
- Framework used
- Build tool and configuration
- Routing strategy (client-side or hash-based)
- Console errors or network errors
- Deployment settings if available

Your tasks:
1. Identify the most common causes of blank screens after deployment
2. Explain why the issue appears only in production
3. Provide clear, step-by-step fixes
4. Suggest a checklist to avoid the issue in future deployments

Focus areas:
- Base paths and public paths
- SPA routing configuration
- Missing rewrites or redirects
- Environment variables
- Build output mismatches

Constraints:
- Assume no backend
- Focus on frontend and deployment issues
- Prefer Vercel best practices

Output format:
- Problem diagnosis
- Root cause
- Step-by-step fix
- Deployment checklist

Related Skills

Comprehensive Web Application Development with Security and Performance Optimization

Skill

Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features. 来源:https://prompts.chat/prompts/cmjnc496x0001ky04kh6wq80b

M@import-8122d3856df82242a2626214
0

AST Code Analysis Superpower

Skill

AST-based code pattern analysis using ast-grep for security, performance, and structural issues. Use when (1) reviewing code for security vulnerabilities, (2) analyzing React hook dependencies or performance patterns, (3) detecting structural anti-patterns across large codebases, (4) needing systematic pattern matching beyond manual inspection. 来源:https://prompts.chat/prompts/cmjmk2f8i000bld04ikqh7i78

Comments (0)

İ@import-bb85aceaa34674ff213c79e1
0

HTTP Cache Header Reviewer

Skill

Reviews HTTP caching headers (Cache-Control, Expires, ETag, Last-Modified, Vary, Set-Cookie) for pages, assets, APIs. Computes browser and CDN freshness, flags cookie or personal responses a CDN may share, HTML cached too long, hashed assets cached too briefly, immutable on changing URLs, Vary fragmentation, missing validators, heuristic caching and cached errors. Suggests a header per resource. Includes a stdlib Python checker with --self-test. 来源:https://prompts.chat/prompts/cmvhsauy50007ig0714l3qbj3

F@import-252f10c83610ebca1a059c0b
0

Agent Organization Expert

Skill

Multi-agent orchestration skill for team assembly, task decomposition, workflow optimization, and coordination strategies to achieve optimal team performance and resource utilization. 来源:https://prompts.chat/prompts/cmjmk557b000nld04dxe4c3ao

İ@import-bb85aceaa34674ff213c79e1
0