💥 A simple and beautiful vuepress Blog & Doc theme.

vuepress-theme-reco在config.js中使用主题 “theme”: “reco” 运行正常 打包报错 有大佬知道是解决办法吗 万分感谢 错误信息如下 error Error rendering /tag/: false undefined error Error rendering /timeline/: false undefined error Error rendering /tag/tag1/: false undefined error Error rendering /tag/tag2/: false undefined error Error rendering /tag/tag3/: false undefined error Error rendering /tag/tag4/: false undefined error Error rendering /categories/category1/: false undefined error Error rendering /categories/category2/: false undefined [Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

[Vue warn]: Error in setup: “Error: must be called in setup”

found in

—>

error Error rendering /categories/: false undefined error Error rendering /: false undefined error Error rendering /blogs/category1/2018/121501.html: false undefined error Error rendering /blogs/category1/2019/092101.html: false undefined error Error rendering /blogs/category2/2016/121501.html: false undefined error Error rendering /blogs/category2/2017/092101.html: false undefined error Error rendering /docs/theme-reco/: false undefined error Error rendering /docs/theme-reco/api.html: false undefined error Error rendering /docs/theme-reco/plugin.html: false undefined error Error rendering /docs/theme-reco/theme.html: false undefined error Error rendering /blogs/other/guide.html: false undefined Error: must be called in setup at useInstance (node_modules/vuepress-theme-reco/helpers/composable.js:5:17) at setup (node_modules/vuepress-theme-reco/layouts/404.vue:24:0) at mergedSetupFn (node_modules/@vue/composition-api/dist/vue-composition-api.esm.js:1672:88) at invokeWithErrorHandling (D:\demo\demo3\my-blog\node_modules\vue\dist\vue.runtime.common.dev.js:3878:30) at initSetup (D:\demo\demo3\my-blog\node_modules\vue\dist\vue.runtime.common.dev.js:2284:29) at initState (D:\demo\demo3\my-blog\node_modules\vue\dist\vue.runtime.common.dev.js:5104:5) at VueComponent.Vue._init (D:\demo\demo3\my-blog\node_modules\vue\dist\vue.runtime.common.dev.js:5418:9) at new VueComponent (D:\demo\demo3\my-blog\node_modules\vue\dist\vue.runtime.common.dev.js:5553:18) at createComponentInstanceForVnode (D:\demo\demo3\my-blog\node_modules\vue-server-renderer\build.dev.js:1979:12) at renderComponentInner (D:\demo\demo3\my-blog\node_modules\vue-server-renderer\build.dev.js:7187:45) at renderComponent (D:\demo\demo3\my-blog\node_modules\vue-server-renderer\build.dev.js:7164:9) at resolve (D:\demo\demo3\my-blog\node_modules\vue-server-renderer\build.dev.js:7213:17)

按照2.0主题进行初始化后报错

npm install @vuepress-reco/[email protected] -g
theme-cli init

只有公告栏显示，主页面空白，控制台有2条报错信息： ReferenceError: Cannot access 'clientAppEnhances' before initialization Error: useRouteLocale() is called without provider.

Rendering pages /ReferenceError: sessionStorage is not defined

系统 mac arm64 版本 "vuepress": "2.0.0-beta.48", "vuepress-theme-reco": "2.0.0-beta.21"

Bug report

Must use import to load ES Module: @vuepress\plugin-back-to-top

What is actually happening?

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: D:\GitHub\shichaohui\blog\node_modules\@vuepress\plugin-back-to-top\lib\node\index.js
require() of ES modules is not supported.
require() of D:\GitHub\shichaohui\blog\node_modules\@vuepress\plugin-back-to-top\lib\node\index.js from D:\GitHub\shichaohui\blog\node_modules\vuepress-theme-reco\lib\node\recoTheme.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files 
in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from D:\GitHub\shichaohui\blog\node_modules\@vuepress\plugin-back-to-top\package.json.

    at new NodeError (internal/errors.js:322:7)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1102:13)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:93:18)
    at Object.<anonymous> (D:\GitHub\shichaohui\blog\node_modules\vuepress-theme-reco\lib\node\recoTheme.js:5:30)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)

Other relevant information

• Your OS: Windows 10
• Node.js version: v14.18.3
• VuePress version: 2.0.0-beta.46
• VuePress-theme-reco version: 2.0.0-beta.33
• Which package manager did you use for the install(npm/cnpm/yarn/pnpm)? yarn

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

Bug report

What is actually happening?

Other relevant information

• Your OS:
• Node.js version:
• VuePress version:
• VuePress-theme-reco version:
• Which package manager did you use for the install(npm/cnpm/yarn/pnpm)?

Describe the bug [vuepress:sw] Error during service worker registration: TypeError: Failed to register a ServiceWorker for scope ('https://www.duktig.cn/') with script ('https://www.duktig.cn/service-worker.js'): ServiceWorker script evaluation failed

Desktop (please complete the following information):

• OS:win10
• Browser chrome

version:1.6.10

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

Bug report

What is actually happening?

Other relevant information

• Your OS:
• Node.js version:
• VuePress version:
• VuePress-theme-reco version:
• Which package manager did you use for the install(npm/cnpm/yarn/pnpm)?

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

Bug report

none

What is actually happening?

Refresh after visiting the article page on the blog homepage, or directly visit the article page, the tag and pageviews amount will show errors.

Video of steps to reproduce: https://user-images.githubusercontent.com/43847794/180485804-e614d36c-6c71-4ef1-b766-3da2e1fd2a0e.mp4

Steps to reproduce

1. Click the copy directly on the blog homepage
2. Refresh the page and it will appear

Other relevant information

• Your OS: Ubuntu 20.04
• Node.js version: v16.15.1
• VuePress version: 2.0.0-beta.48
• VuePress-theme-reco version: 2.0.0-beta.24
• Which package manager did you use for the install(npm/cnpm/yarn/pnpm)? yarn v1.22.17

moduleIdentifier: "/Users/sicko/blog/test-blog/sicko's blog/.vuepress/.temp/internal/clientAppEnhances.js",
  moduleName: './.vuepress/.temp/internal/clientAppEnhances.js',
  loc: '1:65',
  message: 'Module parse failed: Unexpected token (1:65)\n' +
    'You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\n' +
    "> import clientAppEnhance0 from '/Users/sicko/blog/test-blog/sicko's blog/node_modules/@vuepress/plugin-theme-data/lib/client/clientAppEnhance.js'\n" +
    "| import clientAppEnhance1 from '/Users/sicko/blog/test-blog/sicko's blog/node_modules/@vuepress/plugin-search/lib/client/clientAppEnhance.js'\n" +
    "| import clientAppEnhance2 from '/Users/sicko/blog/test-blog/sicko's blog/node_modules/@vuepress/plugin-external-link-icon/lib/client/clientAppEnhance.js'",

Error: Failed to compile with errors at /Users/sicko/blog/test-blog/sicko's blog/node_modules/@vuepress/bundler-webpack/lib/build/createBuild.js:37:28 at /Users/sicko/blog/test-blog/sicko's blog/node_modules/webpack/lib/webpack.js:148:8 at /Users/sicko/blog/test-blog/sicko's blog/node_modules/neo-async/async.js:2830:7 at done (/Users/sicko/blog/test-blog/sicko's blog/node_modules/neo-async/async.js:2865:11) at /Users/sicko/blog/test-blog/sicko's blog/node_modules/neo-async/async.js:2818:7 at /Users/sicko/blog/test-blog/sicko's blog/node_modules/webpack/lib/HookWebpackError.js:68:3 at _done (eval at create (/Users/sicko/blog/test-blog/sicko's blog/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1) at eval (eval at create (/Users/sicko/blog/test-blog/sicko's blog/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:34:22) 似乎没解决这个问题，版本均是最新的。

Question & Description

I would like to add blog module in home page. Adding my github and gitee icon to personal card. I add frontmatter following the tutorial but Xions website can not open. So I don't know how to set the icon.

My code as following but nothing happen.

Additional context

The document will looks better if some detail demo can be added.

  "dependencies": {
    "vuepress": "^2.0.0-beta.46",
    "vuepress-theme-reco": "^2.0.0-beta.6"
  }

切换到webpack打包还是失败，报错

https://github.com/vuepress-reco/vuepress-theme-reco/blob/61c8e7a0b8e73ed8d89679c28de5daf764d6f1ff/packages/vuepress-theme-reco/src/client/components/Home/Blog.vue#L17

I find it weird that the "/1" is there. Why don't we just do the following?

<router-link class="category-link" :to="`/categories/${key}/`">

大佬，对比1代版本，希望能在2.x补充下： 1.将首页加载动画加回来，而且希望可以自定义动画图片。 2.补充导航选中效果。 已解决，frontmatter 格式问题，与1.x版本有点不一致~~3.如果文档有 import / require 关键词，分页报错，文章详情报错白屏死掉。（在未进行主题文件二改的情况下） Uncaught (in promise) TypeError: _ctx.categories.join is not a function at PageInfo.vue:6:20~~ 3.希望加局部页面加密的配置，跟1.x那种就行。全站加密无法满足需要。 4. 1.x 版本首页的文章数量和标签数量统计我觉得挺不错的，希望2.x还会加回来。 5. 首页的 Categories/Tags 建议增加上限，多出来的省略，不然很长的时候影响页面美观。

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Describe alternatives you've considered

Additional context

Xicons.vue. The vue component can not only render an icon with linked text, but also render an icon separately. I think the original intention of this component design. The link has a default value of 'javascript: void (0)', so when using the Xicons component, I just want to get an icon. I did not pass the link to it, but I still got an a tag. This is a bit illogical because it seems that the following code will never be executed: <component v-else :style="iconStyle" :is="icons[icon]" /> I think whether to use the a tag is decided by the component user, not by Xicons.So I created this pr, which has passed the local test and pnpm example: build

I clone this project. First, I used pnpm install to install dependencies。When I ran the pnpm build, I found this error： After troubleshooting, it is found that @ vuepress reco/vuepress plugin page depends on @ vuepress reco/shared， I temporarily solved this problem with a hack method. I executed the @ vuepress reco/shared build command ahead of time. Now I can successfully run the pnpm build. But I don't think this is the best solution.

• OS: mac os
• Node.js version: v14.19.1
• VuePress version: 2.0.0-beta.51
• VuePress-theme-reco version: 2.0.0-beta.41
• pnpm:7.15.0