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

我想在Laravel+Vue教水疗。

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

<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运行开发-“构建成功”

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

我的组件中的导入设置似乎有一些错误,但是什么呢?