DOMException: Failed to execute 'querySelector' on 'Document': '.vp=sidebar xxx' is not a valid selector

[tzfun]

• I confirm that this is an issue rather than a question.

Bug report

Steps to reproduce

Normal use will result in an error.

I found the problem in the source code.

File position:

node_modules/.pnpm/@[email protected][email protected]/node_modules/@vuepress/theme-default/lib/client/components/VPSidebarItems.vue

Bug:

Fix:

     // get the active sidebar item DOM, whose href equals to the current route
      const activeSidebarItem = document.querySelector(
        `.vp-sidebar a.vp-sidebar-item[href="${route.path}${hash}"]`,
      )

Simply: the selector is .vp-sidebar, not .vp=sidebar

Other relevant information

• Output of npx vuepress info in my VuePress project:

  System:
    OS: Windows 10 10.0.19045
    CPU: (6) x64 Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz
    Memory: 16.38 GB / 31.94 GB
  Binaries:
    Node: 22.2.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.21 - D:\nodejs\node_global\yarn.CMD
    npm: 10.7.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 7.20.0 - ~\AppData\Local\pnpm\pnpm.EXE
    bun: Not Found
  Utilities:
    Git: 2.27.0.
  Browsers:
    Chrome: 125.0.6422.142
    Edge: Chromium (126.0.2592.56)
  npmPackages:
    @vuepress/bundler-vite: ^2.0.0-rc.13 => 2.0.0-rc.13
    @vuepress/bundler-webpack: Not Found
    @vuepress/cli: Not Found
    @vuepress/client: ^2.0.0-rc.13 => 2.0.0-rc.13
    @vuepress/core: Not Found
    @vuepress/markdown: Not Found
    @vuepress/shared: Not Found
    @vuepress/utils: 2.0.0-rc.13 => 2.0.0-rc.13
    vue: ^3.4.0 => 3.4.27
    vue-router: Not Found
    vuepress: ^2.0.0-rc.13 => 2.0.0-rc.13