谈谈我用在vue-cli3中预渲染遇到的坑

本文讲述了作者在使用Vue CLI3进行预渲染时遇到的两个主要问题及其解决方案。第一个问题是在配置预渲染插件后,build阶段出现浏览器卡死的错误,通过查阅GitHub上的issue解决;第二个问题是编译时出现的路由懒加载错误,解决办法是避免在前两个路由中使用懒加载。文章还分享了完整的预渲染配置,并提供了相关参考链接。
摘要由CSDN通过智能技术生成

前言

在开发自己的个人网站的时候后,选择了用vue来开发,不可避免的遇到要对seo做优化。鉴于目前页面也不多,因此首先采用的是预渲染的方式。

本来以为把插件一装,配置一配,咔咔咔就能搞定,结果发现并没有想的那么简单。因为首先就遇到了两个报错,折腾了半个晚上。

问题及解决方案

第一个报错:

Unable to prerender all routes!

这个问题是在设置好配置之后,build的时候报出来的。主要症状就是打开了浏览器后卡主不动,然后就强制退出了。
解决方案:

参考了github上的issus https://github.com/chrisvfritz/prerender-spa-plugin/issues/196

图片

很神奇的就好了!至于怎么神奇就后面再说👇

第二个报错:

This relative module was not found:

这个报错也是编译的时候出现的。
解决方案:

routes里的前两个路由不要用懒加载的方式来写…🤷‍♀️

具体就是:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值