在src/router/index.js中将 export const routes改为publicRoutes就无法显示

Question

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

import {   createRouter,   createWebHashHistory } from 'vue-router'   /**  * 公开路由表  */ export const routes = [{   path: '/login',   name: 'login',   component: () => import('@/views/login/index') }]   /**  * 这么配置页面就无法显示  */ // export const publicRoutes = [{ //   path: '/login', //   name: 'login', //   component: () => import('@/views/login/index.vue') // }]   const router = createRouter({   history: createWebHashHistory(),   routes   // publicRoutes })   export default router

这么配置的时候是能够正常显示登陆页面的，但是如果按照视频中的配置：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

import {   createRouter,   createWebHashHistory } from 'vue-router'   /**  * 公开路由表  */ // export const routes = [{ //   path: '/login', //   name: 'login', //   component: () => import('@/views/login/index') // }]   /**  * 这么配置页面就无法显示  */ export const publicRoutes = [{   path: '/login',   name: 'login',   component: () => import('@/views/login/index.vue') }]   const router = createRouter({   history: createWebHashHistory(),   // routes   publicRoutes })   export default router

登陆页面一片空白，控制台报错：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

p.js:146 Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')     at createRouterMatcher (vue-router.mjs:1486:1)     at createRouter (vue-router.mjs:2942:1)     at eval (index.js:24:1)     at ./src/router/index.js (app.js:59:1)     at __webpack_require__ (app.js:143:33)     at fn (app.js:410:21)     at eval (main.js:4:65)     at ./src/main.js (app.js:39:1)     at __webpack_require__ (app.js:143:33)     at app.js:1335:109 createRouterMatcher @ vue-router.mjs:1486 createRouter @ vue-router.mjs:2942 eval @ index.js:24 ./src/router/index.js @ app.js:59 __webpack_require__ @ app.js:143 fn @ app.js:410 eval @ main.js:4 ./src/main.js @ app.js:39 __webpack_require__ @ app.js:143 （匿名） @ app.js:1335 __webpack_require__.O @ app.js:192 （匿名） @ app.js:1336 （匿名） @ app.js:1338 crack.js:1 super_copy_cracked:false content_script.js:1 Uncaught SyntaxError: Identifier 'WBSAutoFillFormTypeUndetermined' has already been declared (at content_script.js:1:1)

Answer 1

提问者 StaryJie 2023-04-14 08:01:09

解决了，是我自己没看清楚导致的。

1 2 3 4 5 6 7 8 9 10 11

export const publicRoutes = [{   path: '/login',   name: 'login',   component: () => import('@/views/login/index.vue') }]   const router = createRouter({   history: createWebHashHistory(),   // routes   routes: publicRoutes })

忘了要是`routes: publicRoutes`，错写成了`publicRoutes`