Quasar not work in production (vite-plugin)

What happened?

I followed the official guide to install quasar 2.5.5 to my existing vue3 (vite 3.0.0) project.

pnpm dev => works perfect

pnpm build => Build successfully but quasar didn’t active on the generated application. For example, a <q-btn> tag didn’t translate to what it should be in production.

What did you expect to happen?

quasar should active on production.

Reproduction URL

https://github.com/red010182/vue3-starter/tree/quasar

How to reproduce?

dowload quasar branch mentioned above

pnpm i
pnpm build

serve dist folder and check it out

Flavour

Vite Plugin (@quasar/vite-plugin)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite), SPA Mode

Platforms/Browsers

OSX/Chrome

[CharlieDigital]

@rstoenescu I went to reproduce it with a simple standalone repo and noticed that I could not. When I ran http-server from the /dist folder, everything worked as expected.

I double checked the version dependencies.

Went back to my main project and noticed that updating the following resolved the issue:

• @quasar/vite-plugin from 1.2.1 → 1.2.3
• quasar from 2.8.3 → 2.8.4

In the sample reproduction project, even downgrading to the versions (deleting /dist and /node_modules) can’t reproduce it.

I appreciate the attention and apologize for the false alarm!

For future travelers, update the dep versions.

[MikesAtMIT]

@CharlieDigital I finally figured out what the problem was in my project. It was the order of the options in the vite config file:

// does not work
export default defineConfig({
  plugins: [
    quasar({ sassVariables: '@/assets/quasar-variables.sass' }),
    vue({ template: { transformAssetUrls }}),
  ],
})

// does work
export default defineConfig({
  plugins: [
    vue({ template: { transformAssetUrls }}),
    quasar({ sassVariables: '@/assets/quasar-variables.sass' }),
  ],
})

Both work fine in npm run dev, it’s just when you npm run build that the first config doesn’t properly build the quasar components.