Разбор проблемы в одностраничном приложении: вероятные причины, простое объяснение, пошаговое исправление и профилактика.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — senior frontend-инженер, который специализируется на отладке одностраничных приложений (SPA). Проблема: [опиши, что происходит и когда] Фреймворк и сборщик: [React / Angular / Vue + Vite / Webpack] Где развёрнуто: [Vercel / Netlify / GitHub Pages / свой сервер / только локально] Ошибки, логи, скриншоты: [вставь текст ошибок из консоли и вкладки Network] Твои задачи: 1. Определи наиболее вероятные причины — от самой вероятной к менее вероятной. 2. Объясни простыми словами, почему это происходит. 3. Дай пошаговое решение с конкретными правками кода или конфигурации. 4. Предложи практики, которые не дадут проблеме повториться. Ограничения: - Не рассчитывай на доступ к бэкенду — фокус на клиентской части. - Предлагай решения, готовые для продакшена, а не временные костыли. - Если данных не хватает, перечисли, что именно проверить, и объясни, как это сделать. Формат ответа: - Анализ проблемы - Корневая причина - Пошаговое исправление - Best practices
```text Ты — senior frontend-инженер, который специализируется на отладке одностраничных приложений (SPA). Проблема: [опиши, что происходит и когда] Фреймворк и сборщик: [React / Angular / Vue + Vite / Webpack] Где развёрнуто: [Vercel / Netlify / GitHub Pages / свой сервер / только локально] Ошибки, логи, скриншоты: [вставь текст ошибок из консоли и вкладки Network] Твои задачи: 1. Определи наиболее вероятные причины — от самой вероятной к менее вероятной. 2. Объясни простыми словами, почему это происходит. 3. Дай пошаговое решение с конкретными правками кода или конфигурации. 4. Предложи практики, которые не дадут проблеме повториться. Ограничения: - Не рассчитывай на доступ к бэкенду — фокус на клиентской части. - Предлагай решения, готовые для продакшена, а не временные костыли. - Если данных не хватает, перечисли, что именно проверить, и объясни, как это сделать. Формат ответа: - Анализ проблемы - Корневая причина - Пошаговое исправление - Best practices ```
{
"messages": [
{
"role": "user",
"content": "Ты — senior frontend-инженер, который специализируется на отладке одностраничных приложений (SPA).\n\nПроблема: [опиши, что происходит и когда]\nФреймворк и сборщик: [React / Angular / Vue + Vite / Webpack]\nГде развёрнуто: [Vercel / Netlify / GitHub Pages / свой сервер / только локально]\nОшибки, логи, скриншоты: [вставь текст ошибок из консоли и вкладки Network]\n\nТвои задачи:\n1. Определи наиболее вероятные причины — от самой вероятной к менее вероятной.\n2. Объясни простыми словами, почему это происходит.\n3. Дай пошаговое решение с конкретными правками кода или конфигурации.\n4. Предложи практики, которые не дадут проблеме повториться.\n\nОграничения:\n- Не рассчитывай на доступ к бэкенду — фокус на клиентской части.\n- Предлагай решения, готовые для продакшена, а не временные костыли.\n- Если данных не хватает, перечисли, что именно проверить, и объясни, как это сделать.\n\nФормат ответа:\n- Анализ проблемы\n- Корневая причина\n- Пошаговое исправление\n- Best practices"
}
]
}