Как устранить проблему с маршрутизацией реакции в развернутом приложении

#reactjs

Вопрос:

У меня есть базовая реакция с очень небольшим количеством маршрутов, которые отлично работают локально во время работы yarn start , но не работают при обслуживании приложения либо на S3, либо при использовании serve -s build . Вот мои маршруты:

 ReactDOM.render(  lt;React.StrictModegt;  lt;Routergt;  lt;Switchgt;  lt;Route exact path="/"gt;  lt;Redirect to="/error" /gt;  lt;/Routegt;  lt;Route path="/session/new"gt;  lt;App /gt;  lt;/Routegt;  lt;Route path="/success"gt;  lt;SuccessPage /gt;  lt;/Routegt;  lt;Route path="/error"gt;  lt;ErrorPage /gt;  lt;/Routegt;  lt;Route path="*"gt;  lt;ErrorPage /gt;  lt;/Routegt;  lt;/Switchgt;  lt;/Routergt;  lt;/React.StrictModegt;,  document.getElementById('root') );  

Проблема в том, когда я пытаюсь навестить localhost:3001/session?token=lt;tokengt; вас . Локально все работает нормально, как и ожидалось. Когда я создаю приложение npm run build , обслуживаю serve -s build его и посещаю один и тот же URL-адрес, я получаю эту ошибку: TypeError: Object(...) is not a function . Я искал ссылки на эту ошибку, но, похоже, ни одна из них не касается этой конкретной проблемы — по крайней мере, насколько я понимаю React. Что я упускаю?

Комментарии:

1. Привет, проверьте, правильно ли вы обрабатываете ошибки. Например, если вы извлекаете данные из api. Если данные еще недоступны, и вы столкнетесь с этой ошибкой. Вы могли бы сделать что-то вроде {data amp;amp; data.map(item =gt; ()...} или {data amp;amp; data.length gt; 0 amp;amp; data.map(item =gt; ()...} . Так что проверьте свои контейнеры.

2. Эй, Амейз, спасибо за ответ. Проблема в том, что ошибка возникает еще до того, как будет сделан какой-либо запрос к API. И у меня тоже есть попытка поймать. Есть еще какие-нибудь предложения?

3. Привет, вам удалось устранить ошибку?