＜router view＞不能在＜transition＞或＜keep alive＞内直接使用

运行环境

"vue": "^3.2.45",
"vue-router": "^4.1.6"

触发警告代码

<transition name="fade-transform" mode="out-in">
  <keep-alive :include="['MapView']">
    <router-view></router-view>
  </keep-alive>
</transition>

解决办法
照着警告提示Copy

<router-view v-slot="{ Component }">
  <transition name="fade-transform" mode="out-in">
    <keep-alive :include="['MapView']">
      <component :is="Component"
    /></keep-alive>
  </transition>
</router-view>