ReactJS + PWA (Loading chunk failed )
33 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 days33 USD
98 2 days33 USD
Здравствуйте.
Данная задача всё ещё актуальна?
С уважением, Сергей.
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 2 days 3 hours back ∙ 83 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 2 days 23 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 5 days 1 hour back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 6 days 2 hours back ∙ 29 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 7 days 17 hours back ∙ 36 proposals |
Lvov