@quasar/app v1.8.0/3 released! Major improvements.


  • Admin

    Clean the yarn.lock / node_modules. Prolly a miss on yarn/npm.
    The workbox version has not changed at all.


  • Admin

    @jitendra16 Ok, I see what you mean. There was a problem in quasar/app. Released v1.8.2 which fixes it.



  • @rstoenescu Thank you. Build is successful now.



  • @rstoenescu after upgrade i am having one issue of HMR, now home path (’/’) is loaded every time when I save changes in other path. This is irritating in development/debugging. If I clear cache then this problem doesn’t occurs. But now I need to clear browser cache every time before ‘quasar run dev’ .



  • This post is deleted!

  • Admin

    @jitendra16 If you’re using PWA, then it’s normal. Please read how to correctly do it https://quasar.dev/quasar-cli/developing-pwa/hmr-for-dev



  • I also recently have had HMR problems (browser not releasing cache/updating) developing in PWA mode, which I never had until recent updates, so it seems like something has changed in the code base. In any event, I followed the instructions above and have set devtools to ignore SW and this seems to work for now.


  • Admin

    @ssuess Quasar App CLI was tampering too much with the workbox config. It’s much better to keep App CLI interfering as little as possible (like now), which is what it has been done. Hence the new docs page on how to handle HMR when on a PWA. It may “feel” harder to use, but at the end of the day it’s just about clicking a checkbox in chrome/ff devtools 🙂 The benefits heavily outweight this downside.



  • @rstoenescu Thanks for the response, and I understand your motivations. But in practice, after using it for several days in the recommended way, I find this a much worse development experience. Perhaps I am doing something wrong, but even after checking the box to disable caching/bypass for network, I very often have to force reload (shift + reload) after hmr has refreshed the page in the browser to see my changes. And often more than once. It seems that my browsers (latest chromium based edge and firefox on mac os) are having problems displaying the updated code changes. Any other suggestions for getting this to work as it did before? Thanks for any advice.


  • Admin

    @ssuess Assuming that you are using GenerateSW, you’d need this worboxOptions:

    chunks: [ 'some-bogus-chunk' ],
    runtimeCaching: [
      { urlPattern: '/', handler: 'NetworkFirst' },
      { urlPattern: /^http/, handler: 'NetworkFirst' }
    ]
    

    Remember to only apply this for dev mode. In quasar.conf.js: workboxOptions: ctx.dev ? optionsAbove : {}
    But I recommend just using Google Chrome instead of above.


Log in to reply