При открытии вложенных страниц (topic страниц) возникала JavaScript ошибка:
cant find variable topic page
В файле src/App.tsx отсутствовал импорт компонента TopicPage:
// Было (неправильно)
import { AuthPage } from './pages/AuthPage';
import { HomePage } from './pages/HomePage';
import { ForumPage } from './pages/ForumPage';
import { ProfilePage } from './pages/ProfilePage';
// Отсутствовал импорт TopicPageНо в маршрутах компонент использовался:
<Route path="/topic/:id" element={<TopicPage />} />Добавлен отсутствующий импорт TopicPage в src/App.tsx:
// Стало (правильно)
import { AuthPage } from './pages/AuthPage';
import { HomePage } from './pages/HomePage';
import { ForumPage } from './pages/ForumPage';
import { TopicPage } from './pages/TopicPage';
import { ProfilePage } from './pages/ProfilePage';- ✅ Импорт
TopicPageдобавлен - ✅ Маршрут
/topic/:idработает правильно - ✅ Компонент
TopicPageэкспортируется корректно - ✅ Все зависимости импортированы правильно
При добавлении новых страниц всегда проверять:
- Правильный экспорт компонента в файле страницы
- Импорт компонента в
App.tsx - Настройка маршрута в
AppRoutes - Правильность всех зависимостей
✅ Исправлено - ошибка больше не возникает при открытии topic страниц.