Styles not applying correctly when printing in Vue.js/Vuetify app in production

  Kiến thức lập trình

I’m experiencing an issue with my Vue.js/Vuetify application where the print styles are not being applied correctly in the production environment, but they work fine in localhost. Both Firefox and Chrome show the same behavior.

enter image description here

enter image description here

Has anyone faced a similar issue or can provide insights on what might be going wrong?

Thank you!

Here’s a brief overview of what I’ve tried:

  • Checked that all resources are loading without any errors in the console.
  • Ensured that the media queries for print are defined correctly in my CSS.
  • Tried clearing the browser cache and disabling all minification during build.

New contributor

Victor Pessoa is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.