组件使用时正常,通过路由访问时无法显示

104 阅读1分钟

1. 问题

最近在学习vue项目时,出现一个bug,组件突然间就不能显示了。经测试直接使用组件使用时能正常显示,通过路由访问时无法显示。感到很奇怪。

2. 寻找问题

清除npm,cookie缓存发现对该问题不受影响。更改文件名,路径,路由名均无影响。将该组件vc内部全部注释也无法显示。

3. 解决方法

经过一系列的检查,发现是写代码时,写了router这个单词时,vscode自动导入了包:

import router from "@/router";

导致出现该问题,删除该行后问题解决。

4. 探究

但经过测试其他组件引入该包并不会产生问题,该组件引入其他包也不会产生问题。最后发现该组件在vue.app中有导入,经检验若组件导入了router包,并且在router-view所在组件或父组件及以上有导入过该组件时会出现该问题。具体是什么原因,本人暂时无法解决,留下问题之后有能力时回来解决,或者等待有缘人。