Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

QExpansion SSR mismatch on style #17626

Closed
opsec-infosec opened this issue Nov 7, 2024 · 1 comment
Closed

QExpansion SSR mismatch on style #17626

opsec-infosec opened this issue Nov 7, 2024 · 1 comment

Comments

@opsec-infosec
Copy link

What happened?

Expansion causes a hydration mismatch on style.

Screen Shot 2024-11-07 at 18 16 58

What did you expect to happen?

No mismatch error

Reproduction URL

https://stackblitz.com/edit/quasarframework-stackblitz-templates-cgbpbv?file=src%2Fpages%2FIndexPage.vue

How to reproduce?

  1. compile in production
  2. quasar build -m ssr
  3. cd dist/ssr
  4. node index.js
  5. open chrome console and verify error

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Linux(5.0 (Macintosh)) - linux/x64
NodeJs - 18.20.3

Global packages
  NPM - 10.2.3
  yarn - 1.22.19
  pnpm - 8.15.6
  bun - Not installed
  @quasar/cli - undefined
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.17.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.0.0-beta.24 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.13 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.12 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.4.5
  pinia - Not installed
  vuex - Not installed
  vite - 5.4.10 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 8.57.1 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.24.0 -- The cross-platform WebAssembly binary for esbuild, a JavaScript bundler.
  typescript - Not installed
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - quasarframeworkstackblitztempl-0ixd
  en0 - 192.168.1.104

Relevant log output

No response

Additional context

The mismatch only shows up during production mode and will not show with quasar dev -m ssr

@rstoenescu
Copy link
Member

This is a Vue bug vuejs/core#12162
Please use Vue 3.4.20 until this regression gets a fix. Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants