ReactJS + PWA (Loading chunk failed )
1500 UAHЗдравствуйте, мне нужна помощь в одной задаче.
Начту с того, что я сам frontend программист, но как оказалось не сильно понимаю как ПРАВИЛЬНО реализовать PWA. Есть проект который использует ReactJS + Apollo, билд кастомный webpack + есть реализация service-worker (для контроля актуальности билда).
Проблема в том, что не правильно настроен service-worker (Я так думаю, возможно проблема в другом, но связано с кэшем).
Когда мы делаем деплой нового билда, то воспроизводится бага (у нас с командой почему-то нет) часто в клиентов сайта, ошибка связанная с тем что загрузка chunk (css/js) падает и просто появляется белый экран (ошибка в sentry часто встречается). Помогает жесткий сброс кэша! Хочу отметить что, я использую динамический роутинг lazy component, я думаю именно в них и кроется вся проблема (неактуальность данного хеша при получении chunk)
Я пробовал реализовавать sw с помощью workbox, но я наверное что-то не правильно делаю. Сейчас реализация sw простая, я при activate удаляю весь кэш, но как оказалось результат остался прежний
Если человек действительно понимает хорошо PWA и данную проблему, то думаю задача на пару часов!?
File service-worker.js (directory public/service-worker.js)
Root FIle index.tsx (directory src/index.tsx)
Webpack config (генерирую manifest для precache)
-
2 дня1500 UAH
98 2 дня1500 UAH
Здравствуйте.
Данная задача всё ещё актуальна?
С уважением, Сергей.
Актуальные фриланс-проекты в категории Javascript и Typescript
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 9 часов 38 минут назад ∙ 17 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 2 дня 1 час назад ∙ 90 ставок |
Full-stack разработкаНужен full-stack разработчик, который свободен для дел и не захочет сразу разбогатеть на этом проекте. Это мой тестовый сайт: readyhome.ge прототип которого я хочу сделать (не имею в виду дизайн). В футере русс.яз, заполните опросник и перейдите на конфигуратор. Вот описание… Javascript и Typescript, Веб-программирование ∙ 2 дня 14 часов назад ∙ 79 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 2 дня 20 часов назад ∙ 25 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 4 дня 21 час назад ∙ 55 ставок |
Львов