Vue.js“；出口'；文件列表'；在'@/组件/文件列表'；

我的第一个Vue项目面临一个问题。我已经在谷歌上搜索了一段时间，但找不到什么有用的东西

我只是尝试创建一个父组件（“文件”）和一个子组件（“文件列表”），并在文件中使用文件列表。这不是预期的效果。我看不出这个错误，因为我已经加了

export default {
  name: 'Filelist',

我能得到的唯一提示是来自浏览器控制台

[Vue warn]: Unknown custom element: <Filelist> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Files> at src/docs/categories/Files.vue
       <App> at src/App.vue
         <Root>

提前多谢

文件代码：

<template>
  <div class="">
    <h1>Hedajo</h1>
    <Filelist :msg="sometext"/>
    {{ sometext }}
  </div>
</template>

<script>
import { Filelist } from "@/components/Filelist.vue";

export default {
  name: "Files",
  components: {
    Filelist
  },
  data() {
    return {
      sometext: "hejo",
    };
  },
  methods: {

  }
};

</script>

<style scoped>
</style>

赫达霍
{{sometext}}
从“@/components/Filelist.vue”导入{Filelist}；
导出默认值{
名称：“文件”，
组成部分：{
文件列表
},
数据（）{
返回{
一些文字：“hejo”，
};
},
方法：{
}
};

文件列表的代码：

<template>
  <component class="">
    {{ msg }}
    <p>hewhwe</p>
    {{ hedadi }}
    {{ testi }}
  </component>
</template>

<script>
export default {
  name: 'Filelist',
  props: ["msg"],
  data () {
    return {
      testi: "hedadi",
    };
  }
};
</script>

<style scoped>
</style>

{{msg}}
赫维

{{hedadi}}
{{testi}}
导出默认值{
名称：“文件列表”，
道具：[“msg”]，
数据（）{
返回{
睾丸：“赫达迪”，
};
}
};

这是默认导出，因此您不需要提取它。试一试

---

从“@/components/Filelist.vue”导入文件列表
在使用它之前，您需要将
文件列表
注册为一个组件

<template>
  <div class="">
    <h1>Hedajo</h1>
    <Filelist :msg="sometext"/>
    {{ sometext }}
  </div>
</template>

<script>
import Vue from 'vue';
Vue.component('Filelist', require('@/components/Filelist.vue').default);
....


赫达霍
{{sometext}}
从“Vue”导入Vue；
组件（'Filelist'，require（'@/components/Filelist.Vue'）。默认值）；
....

在这种情况下，您不需要
导入文件列表
语句
Wow:D非常感谢。我什么时候需要{}？6分钟，我可以将您的答案标记为正确。您可以使用{}语法导入命名导出。因此，如果您有类似于
export-class-MyClass{}
，那么您可以使用
import-MyClass}从“…”
导入它。有关详细信息，请参阅：
<template>
  <div class="">
    <h1>Hedajo</h1>
    <Filelist :msg="sometext"/>
    {{ sometext }}
  </div>
</template>

<script>
import Vue from 'vue';
Vue.component('Filelist', require('@/components/Filelist.vue').default);
....