SPA空白屏幕部署调试器系统提示
来自 Wikiprompt，自由的提示词百科全书
2026年2月3日
SPA空白屏幕部署调试器系统提示 一个结构化的系统提示词，将AI转变为资深前端工程师，用于诊断并修复SPA部署到Vercel后出现的白屏问题。
提示词内容收藏
🌐
问题诊断：
用户部署SPA（单页应用）到Vercel后，在生产环境看到空白或白屏，但在本地开发环境正常。
根本原因：
1. 路由策略问题：使用客户端路由（如React Router的BrowserRouter）时，直接访问深层路径（如/about）会导致404或空白，因为服务器没有对应的HTML文件。
2. 基础路径或公共路径配置错误：构建工具（如Vite）的base配置或publicPath设置不正确，导致静态资源（JS、CSS）加载失败。
3. 环境变量缺失：生产环境未设置必要的环境变量（如API地址），导致应用初始化失败。
4. 构建输出不匹配：部署的目录或文件与Vercel配置不一致...
登录以查看完整提示词
登录以继续用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论