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

[BUG] "Hydration completed but contains mismatches" when path contains URL params #29

Open
zyxkad opened this issue Jan 18, 2024 · 1 comment

Comments

@zyxkad
Copy link

zyxkad commented Jan 18, 2024

Describe the bug

When I add some url params such as ?a=1&b=2 after the page's URL, the console log an error Hydration completed but contains mismatches. and the page rendering is incorrect

Reproduction

  1. Clone from https://github.com/GlobeMC/crashmc.com
  2. pnpm install && pnpm run docs:build && pnpm run docs:preview
  3. Access http://localhost:4173/client/system.html and http://localhost:4173/client/system.html?someparam=somevalue
  4. The page without param will works well, but the page with the URL param will somehow mixed with the home page's content

OR

Just access https://vite-pwa-org.netlify.app/guide/register-service-worker.html?

Expected behavior

The two pages should looks exactly same.

Some information at vuejs/vitepress#3469

@userquin
Copy link
Member

userquin commented Jan 18, 2024

I guess it is a bug in workbox, it is returning the fallback page content, if you just request this another page it is working properly https://vite-pwa-org.netlify.app/guide/register-service-worker.html?xxxx

EDIT: we've activated includeAllowlist here

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

No branches or pull requests

2 participants