Electron and Vue-未知的自定义元素

Question

我正在使用Electron和Vue启动新项目。我使用了electron-vue样板来设置项目。

当我尝试将一个组件用于另一个组件时，出现Unknown custom element错误。

我已经在网上搜索了所有内容，但到目前为止，我没有尝试过。这是我编写的两个组件：

..../CreateAddon/AddonProgress.vue

<template>
  <div>AddonProgress</div>
</template>

<script>
export default {
}
</script>

<style>

</style>

[我在这里尝试使用它..../CreateAddon.vue

<template>
  <div>
    <addon-progress></addon-progress>
    <router-view></router-view>
  </div>
</template>

<script>
import { AddonProgress } from './CreateAddon/AddonProgress'

export default {
  name: 'create-addon',
  components: { AddonProgress }
}
</script>

<style>

</style>

令人沮丧的部分是样板代码包括一个导入组件的示例，而我正在做完全相同的事情。

我在这里想念什么？

Answer 1

尝试在此处删除大括号{ AddonProgress }