Nuxt.js -"导出'Toto'在'~/components/Toto'中找不到

Question

我试图为nuxtjs项目创建一个组件。

我在组件中有一个名为Toto.vue的文件：

<template>
<div>
toto
</div>
</template>
<script>
export default {
name: 'Toto'
}
</script>

在index.vue中，我想使用它，然后我有

在<script>中

import { Toto } from '~/components/Toto'
export default {
components: { Toto }
}

在<template>中

<Toto />

在终端编译时，我有这样的消息：

"export 'Toto' was not found in '~/components/Toto'

怎么了？

Answer 1

因为你做了：

export default { ...

你应该像这样导入：

import Toto  from '~/components/Toto'

或

import Toto  from '../components/Toto'