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

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

原因:node版本问题

文档中写着依赖环境

Node.js v18.16.0+

我当时的版本是 16.19.0

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

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

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

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

当时的情况截图

控制台报的错

相关推荐
计算机学姐1 小时前
基于SpringBoot的民宿预定管理系统【三角色+个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·mysql·信息可视化·intellij-idea·推荐算法
VX:Fegn08954 小时前
计算机毕业设计|基于springboot + vue云租车平台系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
小安驾到4 小时前
【前端的坑】vxe-grid表格tooltip提示框不显示bug
前端·vue.js
计算机学姐4 小时前
基于SpringBoot的校园社团管理系统
java·vue.js·spring boot·后端·spring·信息可视化·推荐算法
Liu.7746 小时前
vue开发h5项目
vue.js
pas1367 小时前
42-mini-vue 实现 transform 功能
前端·javascript·vue.js
柒.梧.7 小时前
从零搭建SpringBoot+Vue+Netty+WebSocket+WebRTC视频聊天系统
vue.js·spring boot·websocket
毕设源码-钟学长7 小时前
【开题答辩全过程】以 基于node.js vue的点餐系统的设计与实现为例,包含答辩的问题和答案
前端·vue.js·node.js
小白路过7 小时前
记录vue-cli-service serve启动本地服务卡住问题
前端·javascript·vue.js
梵得儿SHI8 小时前
Vue 高级特性:渲染函数与 JSX 精讲(h 函数语法、JSX 在 Vue 中的应用)
前端·javascript·vue.js·jsx·模板语法·渲染函数·底层视图生成机制