在“@/components/filelist”中找不到Vue.js“export”filelist

我的第一个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>

和

./src/App.vue (./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue) 42:14-22"

export 'Filelist' was not found in '@/components/Filelist'

提前多谢了

文件代码:

<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>

文件列表代码:

<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>