vue3:页面首次进入正常，页面切换白屏，解决办法Component inside <Transition> renders non-element root node that cannot be animated.

自己也是在学习的阶段，这个问题搞了一天多才解决

搜索网上的，排查了数据库路由信息的错误，排查了component的写法问题，排查了beforeEach,afterEach的方法问题，顺便改完了页面上一些使用toRef和

reactive数据不规范所报的红线问题，最后发现还是不行

 

最后由于页面上的各种警告改的差不多了，只剩最后一个警告时

提示Component inside <Transition> renders non-element root node that cannot be animated.

按网上找了找，发现是templete元素中的必须是一个整层，不能是多个节点并列

如下，我就直接截图了

 

 这个小的知识点学的时候也没太注意，另外就是写代码一定要规范，能不报警告就不报警告，排查起来方便点。