// 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
Bug report
Steps to reproduce
Normal use will result in an error.
I found the problem in the source code.
File position:
Bug:
Fix:
Simply: the selector is
.vp-sidebar
, not.vp=sidebar
Other relevant information
npx vuepress info
in my VuePress project: