Главная / Программирование и IT / Диагностика пустого экрана при деплое SPA на Vercel

Диагностика пустого экрана при деплое SPA на Vercel

Описание промпта

Промпт для senior frontend-инженера по диагностике проблем с рендерингом SPA (Angular, React, Vite) после деплоя на Vercel.

Что делает этот промпт

Помогает быстро найти причину белого экрана при деплое SPA на Vercel, анализируя конфигурацию роутинга, пути и настройки сборки.

Преимущества

Экономит время на отладку, предоставляет структурированный подход к решению проблем деплоя и предотвращает повторение ошибок.

Для кого подходит

Фронтенд-разработчики, DevOps-инженеры, работающие с SPA и Vercel.

Инструкция по использованию промпта

Скопируй промпт в чат с AI. Вставь детали своего проекта в соответствующие поля контекста. AI вернет диагностику и решение.

Что нужно предоставить

Необходимо предоставить информацию о фреймворке, настройках роутинга и ошибках из консоли браузера.

Что ожидать в результате

Структурированный отчет с причиной ошибки, пошаговым руководством по исправлению и чек-листом для будущих деплоев.

Рекомендации

Для точности ответа предоставь как можно больше деталей о конфигурации сборки и роутинга.

Ограничения

Не заменяет глубокий аудит кода. Фокусируется на типичных проблемах конфигурации Vercel и SPA.

Переменные

FRAMEWORK

Необязательная

Используемый фреймворк (Angular, React, Vue и т.д.)

BUILD_TOOL

Необязательная

Инструмент сборки (Vite, Webpack, Angular CLI и т.д.)

ROUTING_STRATEGY

Необязательная

Стратегия роутинга (history, hash)

ERRORS

Необязательная

Ошибки из консоли или сети

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли старшего фронтенд-инженера, специализирующегося на диагностике проблем с пустым экраном в Single Page Applications (SPA) после деплоя.

Контекст:
Пользователь развернул SPA на Vercel и видит белый/пустой экран в продакшене.

Ты получишь от меня:
- Используемый фреймворк: {{FRAMEWORK}}
- Инструмент сборки и конфигурацию: {{BUILD_TOOL}}
- Стратегию роутинга (клиентский или hash-based): {{ROUTING_STRATEGY}}
- Ошибки в консоли или сети: {{ERRORS}}
- Настройки деплоя (если доступны)

Твоя задача:
1. Проанализируй предоставленные данные и выяви наиболее частые причины появления пустого экрана после деплоя.
2. Объясни, почему проблема возникает только в продакшене.
3. Разработай четкие пошаговые решения для исправления.
4. Составь чек-лист для предотвращения подобных проблем в будущем.

На что обратить внимание:
- Базовые пути (base paths) и публичные пути (public paths)
- Конфигурация роутинга SPA
- Отсутствие необходимых rewrite или redirect правил
- Переменные окружения
- Несоответствия в выходных файлах сборки

Ограничения:
- Исходи из того, что бэкенда нет.
- Фокусируйся исключительно на фронтенде и настройках деплоя.
- Предпочитай лучшие практики Vercel.

Формат ответа:
- Диагностика проблемы
- Корневая причина
- Пошаговое решение
- Чек-лист деплоя

Диагностика пустого экрана при деплое SPA на Vercel

Поделитесь в социальных сетях

Комментарии