前言
在开发自己的个人网站的时候后,选择了用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里的前两个路由不要用懒加载的方式来写…🤷♀️
具体就是: