Subscribe on changes!

Hydration node mismatch about SSR can not be clean

avatar
Feb 23rd 2024

Vue version

3.2.47

Link to minimal reproduction

.

Steps to reproduce

.

What is expected?

correctly clean the hydration node mismatch warning

What is actually happening?

In my program, SSR returns about 40 nodes(the count is random), then around 30 nodes will be render in web . So it will leads to the warning : 截屏2024-02-23 14 35 53 Then I want to use app.config.warnHanlder to filter it, and I just code: app.config.warnHandler = function (warning, vm, trace) { console.warn('[Vue warn]: ', warning, vm, trace) } The warning is disappear, and all hydration mismatch warnings disappear at the same time.

Then i try to config it in browser env, I code: if (process.env.BROWSER) { app.config.warnHandler = function (warning, vm, trace) { console.warn('[Vue warn]: ', warning, vm, trace) } }

The warn back ,but it change to: 截屏2024-02-23 14 43 02

System Info

System:
    OS: macOS 14.2
    CPU: (8) arm64 Apple M1
    Memory: 155.42 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.16.1 - ~/.nvm/versions/node/v18.16.1/bin/node
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.1/bin/npm
    pnpm: 8.14.1 - ~/.nvm/versions/node/v18.16.1/bin/pnpm
  Browsers:
    Chrome: 121.0.6167.184
    Safari: 17.2

Any additional comments?

No response

avatar
Feb 23rd 2024

please provide a runnable reproduction