名称为“XXX”的路由不存在 vuerouter

Posted 2023-02-22

【中文标题】名称为“XXX”的路由不存在 vuerouter

【英文标题】：Route with name 'XXX' does not exist vuerouter

【发布时间】：2021-04-05 03:49:43

【问题描述】：

我正在使用Laravel 8Vuejs 2.17和VueRouter 3.4， 我有两个组件 Orders.vue 和 Users.vue 这就是我的 app.js 的样子

require("./bootstrap");
window.Vue = require("vue");

import Vue from "vue";

//? Vue router
import VueRouter from "vue-router";
import routes from "./routes";
Vue.use(VueRouter);

const router = new VueRouter(
    routes
);


new Vue(
    router,
).$mount("#app");

这是 router.js 的样子

import Orders from './appComponents/Orders';
import Users from './appComponents/Users';

const routes = [
    
        path: "/admin/orders",
        name: 'orders',
        component: Orders,
    ,
    
        path: "/admin/users",
        name: 'users',
        component: Users,
    ,


];
export default routes;

我在 laravel 视图中将路线称为：

<router-link :to=" name: 'users' ">users</router-link>
<router-link :to=" name: 'orders' ">Orders</router-link>

浏览器响应

 [vue-router] Route with name 'users' does not exist
 [vue-router] Route with name 'orders' does not exist

我也尝试按路径调用路线，但仍然无法正常工作，请任何人帮助我。

【问题讨论】：

试试import routes from "./routes";到import routes from "./routes";

【参考方案1】：

我找到了解决方案，我安装了一个 npm 模块，模块 app.js 和我的 app.js 之间存在冲突