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 разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 2 дня 3 часа назад ∙ 83 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 2 дня 23 часа назад ∙ 30 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 5 дней 1 час назад ∙ 64 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 6 дней 2 часа назад ∙ 29 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 7 дней 17 часов назад ∙ 36 ставок |
Львов