Question

请注意：

Index / Search / Features是完全相同的代码，但名称不同，所有三个都具有路径，组件，名称和元数据，如下所示。

notes / routes / routes.js

import Index from './index'
import Search from './search'
import Features from './features'

export default {
    Index,
    Search,
    Features
}

notes / routes / index.js

import Index from '../components/index'

export default {
    name: 'notes.index',
    path: '/notes',
    component: Index,
    meta: {
        title: `Manage notes - Sort`,
    }
}

router.js

import Vue from 'vue'
import Router from 'vue-router'
import NoteRoutes from '@notes/routes/routes'

Vue.use(Router)

const routes = Array.prototype.concat(
    NoteRoutes,
);

const router = new Router({
    mode: 'history',
    routes
});

我正在串联每个模块中的所有route.js文件，然后将它们应用于路由器，但是仍然出现错误：

未捕获的错误：路由配置中需要[vue-router]“路径”。

即使我所有的路线都有路径。如果我导入一个路由文件，那么直接说index.js就可以了，但是当使用我的route.js时，它是无效的，而route.js只是该模块所有路由的导出器。我在这里想念什么？

Answer 1

您应该这样做

notes / routes / routes.js

import Index from './index'
import Search from './search'
import Features from './features'

export default [
    Index,
    Search,
    Features
]

routes.js

import Vue from 'vue'
import Router from 'vue-router'
import routes from '@notes/routes/routes'

Vue.use(Router)



const router = new Router({
    mode: 'history',
    routes
});

您的操作方式。您实际上得到的数组只有一个包含所有路由对象的项目

未捕获的错误：导出导入时，路由配置中需要[vue-router]“路径”

1 个答案: