当我在任意点上随机地从一个组件移动到另一个组件时,vue会产生这个错误,然后我就不能移动另一个组件了。
此错误不发生在任何特定组件上,它可能发生在任何位置。
误差
Uncaught TypeError: Cannot use 'in' operator to search for 'path' in undefined
at Object.resolve (vue-router.esm-bundler.js?6c02:2728)
at matchView (index.esm.js?bec5:446)
at Array.find (<anonymous>)
at findViewItemByPath (index.esm.js?bec5:464)
at Object.findViewItemByRouteInfo (index.esm.js?bec5:424)
at Object.canStart (index.js?8a30:805)
at eval (ion-app_8.entry.js?49af:707)
at canStart (swipe-back-53c5a7dd.js?05d4:8)
at pointerDown (index-f49d994d.js?14e6:251)
下面是我的路由器index.js文件
import { createRouter, createWebHistory } from '@ionic/vue-router';
import Tabs from '../views/Tabs.vue'
import SignIn from "@/views/Signin.vue";
import Signup from "@/views/Signup.vue";
import { TokenService } from "@/services/token.service";
const routes = [
{
path: '/',
redirect: '/tabs/tab1'
},
{
path: '/search-workers',
component: () => import('@/views/SearchWorker.vue')
},
{
path: '/login',
component: SignIn,
meta: {
public: true,
onlyWhenLoggedOut: true
}
},
{
path: '/signup',
component: Signup,
meta: {
public: true,
onlyWhenLoggedOut: true
}
}
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
router.beforeEach((to, from, next) => {
const isPublic = to?.matched?.some(record => record?.meta?.public);
const onlyWhenLoggedOut = to?.matched.some(
record => record?.meta?.onlyWhenLoggedOut
);
const loggedIn = !!TokenService.getToken();
if (!isPublic && !loggedIn) {
return next({
path: "/login",
query: { redirect: to?.fullPath }
});
}
if (loggedIn && onlyWhenLoggedOut) {
return next("/tabs/tab1");
}
next();
});
export default router
这是我如何在我的组件中使用链路路由器
<ion-item router-link="/search-workers" v-if="userInfo?.role_id == 9" @click="opened()">
Search Worker
</ion-item>
原因是什么?我们如何解决?
4条答案
按热度按时间gkl3eglg1#
检查
createWebHistory(process.env.BASE_URL)
中的process.env.BASE_URL
。我有类似的问题,我有一个错字,并留下了这样的配置:history:createWebHistory,
wlzqhblo2#
我遇到这个问题是因为,在我的App.vue文件中,我不小心把
代替
我花了几分钟才弄明白,所以你看。
lzfw57am3#
我也曾遇到过类似的问题,但后来通过使用“历史:createWebHistory()”而不是“历史记录:createWebHistory”。已通过调用它而不是指向它来解决该问题。
zsbz8rwp4#
我遇到了同样的问题,我通过在router-link中将***添加到***属性来解决