『XXGBUG』Nuxt3 路由跳转 页面空白

👋 本文章为我(XXG)原创，由于个人能力有限，此笔记可能会错漏、过时、或需要补充。
📖 笔记文章由于多平台发布，为了修改方便，可以参观我的博客：https://xxggg.github.io
🚀 我会根据我的知识学习，持续更新、完善这些笔记。让它更加通俗易懂，少错误。
🐤 本文章对应博客里的：https://xxggg.github.io/BUG/VueBUG/Bug01-Nuxt3.html

今天遇到一个非常！非常非常... 奇怪的bug

最近想学习一下Nuxt3，所以跟着视频开始创建项目。
但是来到【页面跳转】出现了一个这个问题👇

fuckNuxt3.gif

没错 就是上面这样，跳转后竟然空白了... 要刷新一下才好..
奇了怪了。

关键是在网络上搜索 “Nuxt3 路由跳转 页面空白” 还没有找不到... （莫非是我这个问题太低级？？）

但是低级的问题！也是问题！💢💢
好了 我来说一下解决的方法吧

---

就是！虽然Nuxt3是支持Vue3的，我们也知道Vue3里 <template> 现在不需要再用 <div> 包裹多一层。

but! 问题就出在这里

972d37717dbefb8b52a4133d1033e742c4077cc1605092c43be2ae0a596e4b13.png

• Vue3是可以不用再外层多套一个 <div> 的，但是支持 Vue3的Nuxt3却还要
• 所以请改成👇

56a17935dfa0909ea4481ba42c7565eb1ce4e65d5d2ea01df3b0e54ed40246f6.png

这样就好了👇

fuckNuxt3_two.gif

💧 好了 今天就水到这里

有时，遇到这些烦心的bug还找不到解决办法的时候，真的会很烦很生气💢~ 呼~
通常会因为这些很小的事情，影响学习效率~ 💢嘟嘟嘴💢 下播.. 明天再发文章~