Nuxt.js -“在'~/components/Toto'中找不到导出'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'