vue dev-tool 有多个app

image.png
打开devtool 有多个App
只有app1有标签,其他的都只有root。
image.png

当点击其他的app,再点app1,会报错。
image.png

项目中使用了三级路由缓存。

第一次碰到这样的情况,对于问题的track没有任何思路。
麻烦有碰到这种情况的盆友给个排除bug的思路或者答案?

问题:
1、什么原因导致devtool会有多个App?
2、多个app会存在什么潜在的风险?
3、如果没有devtool还有什么其他方法可以发现这个问题?

4、导致最后一张截图错误的原因会不会是缓存引起的?(这个问题可能需要了解我们的缓存策略才只能清楚,可以不用思考这个问题)。

阅读 2.6k
1 个回答

据我观察,多个app是因为有些组件插到了body下面。
但是在 vue3 应用中使用 <teleport to="body"> 并不会有这样的问题。
vue2 + iview modal
image.png
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏