[Bug report] Hydration completed but contains mismatches - CI/CD Gitlab.

[khakimsetia]

✅ Checklist

• [X] I am using the latest version

🔎 Description

Problems CI/CD Gitlab

Project runs normally on local, but when I build to gitlab ci/cd, there is an error on website Hydration completed but contains mismatches.

is this a bug? or i missed something?

My custom setting

export default defineUserConfig({
  base: "/",
  dest: "../public",
  theme: gungnirTheme({
     ----
  })
})

package.json locate in docs

{
  "name": "docs",
  "private": true,
  "scripts": {
    "docs:build": "vuepress-cli build --clean-cache",
    "docs:clean": "rimraf .vuepress/.temp .vuepress/.cache .vuepress/dist",
    "docs:dev": "vuepress-cli dev --clean-cache",
    "docs:serve": "serve .vuepress/dist"
  },
  "dependencies": {
    "@vuepress/bundler-vite": "2.0.0-beta.46",
    "@vuepress/bundler-webpack": "2.0.0-beta.46",
    "@vuepress/cli": "2.0.0-beta.46",
    "@vuepress/client": "2.0.0-beta.46",
    "@vuepress/plugin-docsearch": "2.0.0-beta.46",
    "oh-vue-icons": "^1.0.0-rc3",
    "sass-loader": "^13.0.0",
    "serve": "^13.0.2",
    "vue": "^3.2.36",
    "vuepress": "2.0.0-beta.46",
    "vuepress-theme-gungnir": "2.0.0-alpha.24"
  }
}

.gitlab-ci.yml with docker node:16.5

image: node:16.5
pages:
  stage: build

  only:
    - main

  cache:
    paths:
      - docs/node_modules/

  script:
    - cd docs
    - npm install
    - npm list
    - npx vuepress info
    - npm run docs:build

  artifacts:
    paths:
      - public

📄 Environment info (npx vuepress info)

- (Gitlab) Environment Info
  System:
    OS: Linux 5.4 Debian GNU/Linux 10 (buster) 10 (buster)
    CPU: (1) x64 Intel(R) Xeon(R) CPU @ 2.30GHz
    Memory: 1.20 GB / 3.60 GB
    Shell: 5.0.3 - /bin/bash
  Binaries:
    Node: 16.5.0 - /usr/local/bin/node
    Yarn: 1.22.5 - /usr/local/bin/yarn
    npm: 7.19.1 - /usr/local/bin/npm
  Utilities:
    Git: 2.20.1 - /usr/bin/git
  Browsers:
    Chrome: Not Found
    Firefox: Not Found
  npmPackages:
    @vuepress/bundler-vite: 2.0.0-beta.46 => 2.0.0-beta.46 
    @vuepress/bundler-webpack: 2.0.0-beta.46 => 2.0.0-beta.46 
    @vuepress/cli: 2.0.0-beta.46 => 2.0.0-beta.46 
    @vuepress/client: 2.0.0-beta.46 => 2.0.0-beta.46 
    @vuepress/core:  2.0.0-beta.46 
    @vuepress/markdown:  2.0.0-beta.46 
    @vuepress/plugin-active-header-links:  2.0.0-beta.46 
    @vuepress/plugin-back-to-top:  2.0.0-beta.46 
    @vuepress/plugin-container:  2.0.0-beta.46 
    @vuepress/plugin-docsearch: 2.0.0-beta.46 => 2.0.0-beta.46 
    @vuepress/plugin-external-link-icon:  2.0.0-beta.46 
    @vuepress/plugin-git:  2.0.0-beta.46 
    @vuepress/plugin-google-analytics:  2.0.0-beta.46 
    @vuepress/plugin-medium-zoom:  2.0.0-beta.46 
    @vuepress/plugin-nprogress:  2.0.0-beta.46 
    @vuepress/plugin-palette:  2.0.0-beta.46 
    @vuepress/plugin-prismjs:  2.0.0-beta.46 
    @vuepress/plugin-pwa:  2.0.0-beta.46 
    @vuepress/plugin-pwa-popup:  2.0.0-beta.46 
    @vuepress/plugin-register-components: Not Found
    @vuepress/plugin-search: Not Found
    @vuepress/plugin-shiki: Not Found
    @vuepress/plugin-theme-data:  2.0.0-beta.46 
    @vuepress/plugin-toc: Not Found
    @vuepress/shared:  2.0.0-beta.46 
    @vuepress/theme-default:  2.0.0-beta.46 
    @vuepress/utils:  2.0.0-beta.46 
    vue: ^3.2.36 => 3.2.37 
    vue-loader:  17.0.0 
    vue-router:  4.0.16 
    vuepress: 2.0.0-beta.46 => 2.0.0-beta.46 
    vuepress-vite:  2.0.0-beta.46 
    vuepress-webpack: Not Found

🔗 Reproduction link / repo:

No response

[Zhengqbbb]

Project runs normally on local npm run docs:serve There is an error message？

[khakimsetia]

@Zhengqbbb Sorry... on local => Because dest folder in root public, (package.json locate in docs) "docs:serve": "cd .. & serve public" after docs:build

work normally there's no error found.

• local

Binaries:
    Node: 16.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD