vuepress2 打包后刷新页面侧边栏丢失问题

问题:打包后刷新页面时侧边栏丢失问题

原因:node版本问题

文档中写着依赖环境

Node.js v18.16.0+

我当时的版本是 16.19.0

我应该算是遇到了两个问题

  1. 【刷新后侧边栏消失】
  2. 【刷新后页面内容加载错误】

我看了控制台,侧边栏不出现的原因,应该是样式那块处理坏掉了,因为我设置了首页,首页的的class是home,普通页面的的class是page。刷新后普通页面的class还是home,这应该就是侧边栏不显示的原因。同时这个home页面的部分内容还会被留下来,然后新页面的内容也开始加载了一部分。然后控制台就报错了。控制台报错图放最下面了。

我把vuepress2这个文档都克隆到本地看过了,看着配置都差不多,就是不行。折腾我大半天,最后是nodejs版本的问题,我都要放弃了,还好我又去瞅了眼文档。

当时的情况截图

控制台报的错

相关推荐
计算机学姐19 小时前
基于SpringBoot的健身房管理系统【智能推荐算法+可视化统计】
java·vue.js·spring boot·后端·mysql·spring·推荐算法
一 乐20 小时前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·数据库·vue.js·spring boot·生活
小蹦跶儿20 小时前
解决Webpack 打包报错:TypeError: Cannot assign to read only property 'exports' ?
javascript·vue.js·webpack
老华带你飞21 小时前
医疗保健|医疗养老|基于Java+vue的医疗保健系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·医疗保健
Pu_Nine_921 小时前
Vue 3 项目 ESLint 配置详解:初始模板的正确配置
前端·javascript·vue.js
景早1 天前
商品案例-组件封装(vue)
前端·javascript·vue.js
不说别的就是很菜1 天前
【前端面试】Vue篇
前端·vue.js·面试
月弦笙音1 天前
【vue3】这些不常用的API,却很实用
前端·vue.js·面试
一 乐1 天前
社区养老保障|智慧养老|基于springboot+小程序社区养老保障系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·小程序
艾小码1 天前
别再只会用默认插槽了!Vue插槽这些高级用法让你的组件更强大
前端·javascript·vue.js