ReactJS + PWA (Loading chunk failed )
34 USDЗдравствуйте, мне нужна помощь в одной задаче.
Начту с того, что я сам 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 days34 USD
98 2 days34 USD
Здравствуйте.
Данная задача всё ещё актуальна?
С уважением, Сергей.
Current freelance projects in the category Javascript and Typescript
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 8 hours 44 minutes back ∙ 17 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 2 days back ∙ 89 proposals |
Full-stack developmentNeed 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 and Typescript, Web Programming ∙ 2 days 13 hours back ∙ 79 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 2 days 19 hours back ∙ 25 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 4 days 20 hours back ∙ 55 proposals |
Lvov