In the quasar.conf.js file, you need to add watchOptions in devServer to make hotreload work properly:

    // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
    devServer: {
      https: false,
      port: 8080,
      open: false, // we cannot open browser window on headless vagrant
      watchOptions: {
        aggregateTimeout: 100,
        poll: 1000
      }
    },

You can play around with aggregateTimeout and poll but if you set them too low then the browser will just constantly refresh.

I’m trying to use QVirtualScroll but all of the examples provided are with a fixed height, and this seems to be the only way to get it to work.

For example, please see https://codepen.io/josephd/pen/RwrEOWK

I have tried to change the max-height: 300px; into many other things including max-height: 100vh; and max-height: 100%; – I have also tried max-height: calc(100vh - 50px); but none of these seem to give the desired result which is to have the QVirtualScroll filling the main page area.

Can anyone tell me what I am doing wrong? Or perhaps I need to be looking at a different way of achieving what I want?

@dobbel Long story actually… I actually got this solution from a Slack group when trying to get Laravel Mix (which is a webpack wrapper) working on vagrant. So I knew which setting were needed and just used good old trial-and-error pasting them all over the place in quasar.conf.js until it worked

@qyloxe is right though, it’s actually detailed in the webpack docs and I guess it’s pretty much the same solution for a variety of different systems that use webpack in one way or another.

In the quasar.conf.js file, you need to add watchOptions in devServer to make hotreload work properly:

    // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
    devServer: {
      https: false,
      port: 8080,
      open: false, // we cannot open browser window on headless vagrant
      watchOptions: {
        aggregateTimeout: 100,
        poll: 1000
      }
    },

You can play around with aggregateTimeout and poll but if you set them too low then the browser will just constantly refresh.