模块 js 导入/导出问题 (vue.js)

Question

我正在尝试用Laravel+Vue教授SPA。

我有一些非常简单的组件。

<template>
    <p>Home</p>
</template>
<script>
    export default {
        name: 'Home'
    }
</script>

另外，我有一个路由器文件

import Home from '../pages/home.vue';
import Profile from '../pages/profile.vue';

export let routes = [
    {
        path : '/home',
        component : Home
    },
    {
        path : '/profile',
        component : Profile
    }
];

npm run dev - "Build Success">

我已经附加了路由器链接标签并放置了路由器视图。但是只有.它给出了与"开箱即用"Laravel示例组件.vue相同的结果。

我的组件中的导入设置似乎有些错误，但是呢？

Answer 1

问题出在项目结构上。我有一个路由器/路由.js和应用程序.js文件

在应用程序中.js我从路由导入路由.js并执行新的 VueRouter。

错误是：

import {routes} from './router/routes';
let router = new VueRouter(routes);

应该是

import {routes} from './router/routes';
let router = new VueRouter({routes});