I’ve had the same problem.
I’ve changed the order of the imports and now it works.

Some Details
This was the error message:

chunk chunk-common [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-2-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-2-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-2-3!./node_modules/@quasar/app/lib/webpack/loader.quasar-scss-variables.js!./node_modules/@quasar/app/lib/webpack/loader.auto-import-client.js?kebab!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TimerProgress.vue?vue&type=style&index=0&lang=scss&
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-2-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-2-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-2-3!./node_modules/@quasar/app/lib/webpack/loader.quasar-scss-variables.js!./node_modules/@quasar/app/lib/webpack/loader.auto-import-client.js?kebab!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Booth.vue?vue&type=style&index=0&lang=scss&
   - couldn't fulfill desired order of chunk group(s)

You see: “Booth.vue” at the end of the message. So I searched for files where I import Booth.vue. I’ve opened the file and changed

<script>
import userflap from '../components/Userflap.vue';
import connectoor from "../components/Connectoor.vue";
import Booth from '../components/Booth.vue';
...

to

<script>
import Booth from '../components/Booth.vue';
import userflap from '../components/Userflap.vue';
import connectoor from "../components/Connectoor.vue";
...

So the only difference is the import order (“import Booth” is now at first place).
And now it worked again without setting “ignoreOrder”.

I get the same error. Adding the lines @silvestrer suggested, didn’t change anything. Any help would be great!

The reason I want to use “InjectManifest” for the workboxPluginMode is to be able to use web push notifications. If there is another way of achieving it, I would be happy to read how it’s done.

Update:
I’ve cancelled the build process and restarted it ($ quasar dev -m pwa).
Now it works!

@s-molinari Thanks a lot!

@s-molinari Thanks for your help and the pen.
I’ve found the cause but don’t know the real reason. I have a directive called “click-outside” which should just catch a click anywhere and hide the given element.

Vue.directive('click-outside', {
    
});

It seems like the name “click-outside” will cause this behaviour. It doesn’t even matter if the directive is finally empty.
See the updated pen:
https://codepen.io/daniel-kirsch/pen/YzGeVOB

Do you have an idea why “click-outside” might cause this behaviour?
My workaround so far will be to rename it.

I have a q-menu element inside a button. When clicked, the menu opens but when clicked anywhere else outside the menu, it will not be closed again. It only closes when clicked on the button again or on one of the menuitems (q-item).

I’ve tried to place the menu at several places, but it doesn’t work anywhere.

Adding the persistent attribute and set it to false doesn’t change anything neither does auto-close.

What could be the reason?

Thanks for help

<q-btn label="Menu">
    <q-menu>
        <q-list class="text-no-wrap">
            <q-item
                clickable
                to="/editprofile">
                <q-item-section>Edit</q-item-section>
            </q-item>

            <q-separator />
                                    
            <q-item
                clickable
                @click="logout">
                <q-item-section>Logout</q-item-section>
            </q-item>
        </q-list>
    </q-menu>
</q-btn>