React Router не рендерит компоненты с переменными параметрами

Question

Я создаю страницу портфолио и использую приложение Create-реакции-приложение, а также сервер узлов для обработки вызовов API.

В dev все работало отлично, и я приступил к развертыванию приложения. Это мое первое полное развертывание, и это было ... интересно. Я решил большинство проблем, но у меня возникли проблемы с решением этой последней проблемы, связанной с блогом на моем сайте. Маршрутизация блога настроена так: <Route path="/blogposts/:slug" component={BlogPost}/> Ну, единственный блог, который у меня есть, atm, который должен обслуживаться на /blogposts/how-i-built-this-site, возвращает пустую страницу, мой индекс. html file.

Вместо вставки в некоторый код, самое простое решение, вероятно, связать github, поскольку это довольно большой проект (для меня).

Вот github: https://github.com/lotg515/portfolio

Если вам нужна дополнительная информация, пожалуйста, дайте мне знать. Если кто-нибудь это выяснит, они мой герой!

Answer 1

Я думаю, вам нужно обернуть ваши маршруты компонентом Switch.

<Switch>
   <Route ....>
</Switch>

Answer 2

Это было решено добавлением в файл индекса. html.

До сих пор не знаю, почему возникла эта проблема, возможно, это как-то связано с Откой. В любом случае, это сейчас исправлено, что для меня является победой.