(Развертывание React и Firebase) пустая страница при обновлении
Я начал изучать реакцию и firebase, чтобы сделать простое приложение с react-router-dom, все отлично работает на локальном хосте, но когда я развертываю на firebase, маршрутизация работает только в том случае, если я перемещаюсь по ссылкам, если я обновляю страницу или вручную меняю URL-адрес он возвращает белую страницу, консоль записывает:
Uncaught SyntaxError: Unexpected token <
main.13106e0c.chunk.js:1 Uncaught SyntaxError: Unexpected token <
manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.
Другое дело, что это происходит только с маршрутами, у которых есть параметры, например path = "/categories/:name", другие, такие как path = "/login/", работают нормально.
Я видел, что есть несколько сообщений о похожей ошибке, но у меня еще никто не работал.
Если то, что говорит @Tholle, является причиной, см. firebase.google.com/docs/hosting/full-config#rewrites
firebase спрашивает вас, хотите ли вы перенаправить все URL-адреса на /index.html, поэтому проблема не в этом.
Тогда может случиться так, что ваши файлы JS не имеют / перед их именами в атрибуте тега скрипта src внутри index.html, что сделает так, чтобы файлы JS загружались относительно текущего URL-адреса, например. /login/main.13106e0c.chunk.js, а не просто main.13106e0c.chunk.js, как вы хотите.
Ты прав! это было / я бы не подумал
Скорее всего, это работает локально, потому что у вас включен
historyApiFallback. Вы должны убедиться, что ваш сервер обслуживает файлindex.htmlдля всех ваших рабочих маршрутов.