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
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 8 годин 42 хвилини тому ∙ 16 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 2 дні тому ∙ 89 ставок |
Повноцінна розробкаNeed a full-stack developer who is free for work and not looking to get rich immediately from this project. This is my test site: readyhome.ge the prototype of which I want to create (not referring to design). In the footer, there is Russian language, fill out the questionnaire… Javascript та Typescript, Веб-програмування ∙ 2 дні 13 годин тому ∙ 79 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 2 дні 19 годин тому ∙ 25 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 4 дні 20 годин тому ∙ 55 ставок |
Львів