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

【问题标题】：Route with name 'XXX' does not exist vuerouter名称为“XXX”的路由不存在 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";

标签： laravel vue.js vue-router

【解决方案1】：

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

【讨论】：