使用vuepress-theme-reco 主题后打包报错
MarkLin 2020-12-05 VuePress
# 使用vuepress-theme-reco 主题后打包报错
使用VuePress搭建的个人博客有段时间了, 都是使用默认自带的样式,然后寻思着给换个样式.
于是一番寻找,发现vuepress-theme-reco这个主题看着还行,于是就直接安装了一下,给换上了新的样式,在本地运行一切正常, 改好想要的样子后, 运行脚本打包发布到GitHub上,就在这时,与往常不一样,脚本运行一会儿后,闪一下关闭了,以为已经发布到GitHub上了, 结果打开GitHub一看,呀! 没推送记录!!! 进入仓库查看也确实没有更新,第一次遇到这样的问题,然后尝试不用脚本自动打包发布, 使用npm run build
命令先打包一下看看 ,这下就发现问题了,看到一串串红码,知道是有问题了,报错如下:
最上方的报错,重复很多---><PersonalInfo>
...
紧接着的错误是, 渲染错误???
还有
看完后发现重点
TypeError: Cannot read property 'list' of undefined
这个报错有点眼熟啊,在异步请求数据还未返回时,渲染页面就会报这样错,因为数据没有返回到指定变量中,此时变量没有数据渲染就报错了,顺着提示找到<Sidebar>
组件 添加一个v-if判断v-if="!items"
,然后再打包就正常了。