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

Posted

技术标签:

【中文标题】Nuxt.js -“在\'~/components/Toto\'中找不到导出\'Toto\'【英文标题】:Nuxt.js -"export 'Toto' was not found in '~/components/Toto'Nuxt.js -“在'~/components/Toto'中找不到导出'Toto' 【发布时间】:2021-02-21 09:09:43 【问题描述】:

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

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

<template>
  <div>
      toto
  </div>
</template>

<script>
export default 
  name: 'Toto'

</script>

在 index.vue 我想用它然后我有

&lt;script&gt;

import  Toto  from '~/components/Toto'

export default 
  components:  Toto 

&lt;template&gt;

<Toto />

编译时在终端中出现此消息:

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

有什么问题?

【问题讨论】:

【参考方案1】:

既然你这样做了:

export default  ...

你应该像这样导入它:

import Toto  from '~/components/Toto'

import Toto  from '../components/Toto'

【讨论】:

以上是关于Nuxt.js -“在'~/components/Toto'中找不到导出'Toto'的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt.js:消息:“找不到此页面”(nuxt-i18n)

利用Nuxt.js创建服务端渲染的Vue.js应用程序

Nuxt.js:理解 <nuxt-child> 组件

Vue.js 和 Nuxt.js

Nuxt.js学习 --- Nuxt目录结构详解Nuxt常用配置项Nuxt路由配置和参数传递

nuxt.js + Apollo Client:如何禁用缓存?