vuepress-theme-hope 分类

前端-useClientData() is called without provider

现象

本地vuepress-theme-hope模版项目启动之后，浏览器出现以下报错，截图如下：

image-20240406143650034

解决办法

项目根目录下执行npx vp-update ,具体效果如下：

image-20240406150005071

再次访问前端页面，没有问题了
问题解决！

HFwas...小于 1 分钟

博客-主页展示效果

前置知识：
- 使用主题vuepress-theme-hope

博客主页

自定义生成的demo下的src目录下的README决定了博客主页的效果图
具体参考以下内容：测试

---
home: true
layout: BlogHome
icon: home
title: 博客主页
heroImage: /assets/icon/guide-maskable.png
heroText: HFwas
heroFullScreen: false
tagline: Java开发，熟悉运维知识，会点前端
projects:
  - icon: project
    name: 编程语言
    desc: Java,Vue,React等
    link: https://你的项目链接

  - icon: project
    name: 框架类
    desc: Spring家族
    link: https://链接地址

  - icon: project
    name: 组件类
    desc: 三方组件
    link: https://你的书籍链接

  - icon: project
    name: 运维相关
    desc: Linux,Shell等
    link: https://你的文章链接

---

HFwas...大约 1 分钟

前端-打补丁解决前端bug

安装依赖 patch-package，执行 npm i -D patch-package

image-20240404132656304

修改node_modules目录下对应的依赖的文件内容，本次结局的bug是控制台会出现webpack的警告，

image-20240404132821569

控制台执行命令，生成patch文件，执行命令：npx patch-package @vuepress/plugin-comment,然后会在项目目录下生成一个patches文件夹，内容为

HFwas...小于 1 分钟