Ошибка создания приложения React: ошибка загрузки блока xx в маршрутах с параметрами

#reactjs #lazy-loading #create-react-app

#reactjs #отложенная загрузка #create-react-app

Вопрос:

Я использую React.lazy и Suspense для разделения кода в приложении Create React.

В localhost все работает нормально.

После развертывания я сталкиваюсь с этой ошибкой «Ошибка загрузки блока xx не удалась«, а ошибка консоли — «отсутствует: http://…………./static/js/xxxx.chunk.js «. Это происходит только в маршрутах, которые содержат параметры, например «mywebsite.com/event/:id «. Все остальные маршруты работают нормально.

Я попытался добавить границу ошибки и выполнить перехват и повторную попытку, предложенные в этой статье https://medium.com/@botfather/react-loading-chunk-failed-error-88d0bb75b406 . Я также попробовал использовать жесткую очистку кэша для Chrome. Оба способа по-прежнему не работают.

Есть какие-нибудь предложения? Спасибо!

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

1. Вы пробовали создать приложение и запустить его? Посмотрите, есть ли у вас в вашей сборке такая же проблема, как у localhost

2. Я исправил проблему, изменив webpack.config. Общедоступный путь должен быть установлен как ‘/’.