#Q：这个问题的表现是菜单不显示，排查发现“循环引用”，main.js等js都输出了日志。可以看到main入口的路由最终有值。

.gitignore

@@ -59,3 +59,5 @@ typings/
 
 # next.js build output
 .next
+yarn.lock
+package-lock.json

src/main.js

@@ -1,9 +1,11 @@
+console.log('main-start')
 import Vue from 'vue';
 import App from './App.vue';
 import router from './router'
+import { asyncRouterMap, constantRouterMap } from '@/router'
+console.log('main-router',constantRouterMap)
 import store from './store'
 import Cookies from 'js-cookie'
-
 import Element from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 

src/store/modules/permission.js

@@ -1,5 +1,6 @@
+console.log('permission-start')
 import { asyncRouterMap, constantRouterMap } from '@/router'
-
+console.log('permission-router',constantRouterMap)
 /**
  * 通过meta.role判断是否与当前用户权限匹配
  * @param roles
@@ -62,4 +63,4 @@ const permission = {
   }
 }
 
-export default permission
+export default permission

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -4,14 +4,14 @@
     <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
       <app-link :to="resolvePath(onlyOneChild.path)">
         <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-          <item v-if="onlyOneChild.meta" :icon="onlyOneChild.meta.icon||item.meta.icon" :title="generateTitle(onlyOneChild.meta.title)" />
+          <item v-if="onlyOneChild.meta" :icon="onlyOneChild.meta.icon||item.meta.icon" :title="onlyOneChild.meta.title" />
         </el-menu-item>
       </app-link>
     </template>
 
     <el-submenu v-else ref="submenu" :index="resolvePath(item.path)">
       <template slot="title">
-        <item v-if="item.meta" :icon="item.meta.icon" :title="generateTitle(item.meta.title)" />
+        <item v-if="item.meta" :icon="item.meta.icon" :title="item.meta.title" />
       </template>
 
       <template v-for="child in item.children" v-if="!child.hidden">
@@ -25,7 +25,7 @@
 
         <app-link v-else :to="resolvePath(child.path)" :key="child.name">
           <el-menu-item :index="resolvePath(child.path)">
-            <item v-if="child.meta" :icon="child.meta.icon" :title="generateTitle(child.meta.title)" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
           </el-menu-item>
         </app-link>
       </template>
@@ -99,8 +99,7 @@ export default {
     },
     isExternalLink(routePath) {
       return isExternal(routePath)
-    },
-    generateTitle
+    }
   }
 }
 </script>