beta171 版本 auto-catalog 打包失败，可能是上游错误？

[Sun-ZhenXing]

在多个仓库测试均能稳定复现。使用 Webpack 和 Vite 打包均失败，在 beta170 也失败，beta169 没有此错误。

在多次测试中，一些版本的组合（Vue 和 VuePress 版本）可触发 usePageHead() is called without provider 问题，但此问题并非能稳定触发。

最近一次复现是 我的模板仓库 中的 package.json 替换为下面的 package.json，最开始发现在 GitHub Actions 构建时。

错误为：

> vuepress-embedded-notes@1.0.0 build D:\WorkSpace\VuePress2\vuepress-embedded-notes
> vuepress build docs

✔ Initializing and preparing data - done in 7.33s
⠙ Compiling with vite
(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✔ Compiling with vite - done in 29.18s
⠋ Rendering 42 pages[Vue warn]: Component "CodeGroup" has already been registered in target app.
[Vue warn]: Component "CodeGroupItem" has already been registered in target app.
⠙ Rendering pages /[Vue warn]: injection "Symbol()" not found.
[Vue warn]: injection "Symbol()" not found.
[Vue warn]: Unhandled error during execution of render function
  at <AutoCatalog titleGetter=fn<titleGetter> iconGetter=fn<iconGetter> orderGetter=fn<orderGetter>  ... >
✖ Rendering 42 pages - failed in 350ms
TypeError: Cannot read properties of undefined (reading 'getRoutes')
    at $ (file:///D:/WorkSpace/VuePress2/vuepress-embedded-notes/docs/.vuepress/.temp/.server/app.d2566b29.mjs:7144:66)        
    at ReactiveEffect.fn (file:///D:/WorkSpace/VuePress2/vuepress-embedded-notes/docs/.vuepress/.temp/.server/app.d2566b29.mjs:7178:25)
    at ReactiveEffect.run (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+reactivity@3.2.47\node_modules\@vue\reactivity\dist\reactivity.cjs.js:173:25)
    at ComputedRefImpl.get value [as value] (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+reactivity@3.2.47\node_modules\@vue\reactivity\dist\reactivity.cjs.js:1163:39)
    at Proxy.<anonymous> (file:///D:/WorkSpace/VuePress2/vuepress-embedded-notes/docs/.vuepress/.temp/.server/app.d2566b29.mjs:7179:115)
    at renderComponentRoot (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+runtime-core@3.2.47\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:906:44)
    at renderComponentSubTree (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+server-renderer@3.2.47_vue@3.2.47\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:456:51)
    at renderComponentVNode (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+server-renderer@3.2.47_vue@3.2.47\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:381:16)
    at renderVNode (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+server-renderer@3.2.47_vue@3.2.47\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:492:22)
    at renderComponentSubTree (D:\WorkSpace\VuePress2\vuepress-embedded-notes\node_modules\.pnpm\registry.npmmirror.com+@vue+server-renderer@3.2.47_vue@3.2.47\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:398:9)
 ELIFECYCLE  Command failed with exit code 1.

我的环境是，默认主题：

{
  "name": "vuepress-solid-template",
  "version": "1.0.0",
  "description": "Best Vuepress Template",
  "main": "index.js",
  "scripts": {
    "dev": "vuepress dev docs",
    "build": "vuepress build docs",
    "build:webpack": "vuepress-webpack build docs",
    "clean-dev": "vuepress dev docs --clean-cache",
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs",
    "docs:build:webpack": "vuepress-webpack build docs",
    "docs:clean-dev": "vuepress dev docs --clean-cache",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@vuepress/client": "2.0.0-beta.60",
    "sass-loader": "^13.2.0",
    "vue": "^3.2.47",
    "vuepress": "2.0.0-beta.60",
    "vuepress-plugin-auto-catalog": "2.0.0-beta.171",
    "vuepress-plugin-copy-code2": "2.0.0-beta.171",
    "vuepress-plugin-md-enhance": "2.0.0-beta.171",
    "vuepress-plugin-search-pro": "2.0.0-beta.171",
    "vuepress-webpack": "2.0.0-beta.60",
    "webpack": "5.0.0"
  }
}

经过测试，错误指向了 这行代码（auto-catalog/src/client/components/AutoCatalog.ts）

    const route = useRoute();
    const router = useRouter();

    const getCatalogInfo = (): CatalogInfo[] => {
      const base = props.base || route.path.replace(/\/[^/]+$/, "/");
      const routes = router.getRoutes();
      const result: CatalogInfo[] = [];
    }

构建时 route 和 router 均为 undefined，这好像是不可能的？

[Mister-Hope]

Are you sure that ONLY ONE VERSION of vue and vue-router exisits in your lock file?

Also talk is cheap, a failing reproduction is better than 10k words.

---

Update:

Leaving as your lock file is invalid.

---

Update 2: SO what else can I do besides:

• https://theme-hope.vuejs.press/zh/faq/troubleshooting.html#%E7%A1%AE%E8%AE%A4%E4%BE%9D%E8%B5%96%E6%A0%91%E6%AD%A3%E7%A1%AE
• https://theme-hope.vuejs.press/zh/faq/common-error.html#usexxx-is-called-without-provider

[Sun-ZhenXing]

Thanks, but same thing.
Deleting the lock file and re-executing the command also fails, and deleting the node_modules to build the package also results in the same error.

Maybe it's some other dependency issue that I'll rule out again.

---

Fix Vue version "vue": "3.2.45" was build successfully!

So, this issue does not seem to appear consistently. But 3.2.47 I try package it in another repo without error, so I ignored it.

The problem has been solved. Thanks.