Vue.js Electron和Vue-未知自定义元素

我正在使用Electron和Vue启动新项目。 我使用样板文件来设置项目

当我尝试将一个组件用于另一个组件时，我会得到一个

未知自定义元素

错误

我已经在网上搜索过了，但到目前为止，我尝试过的都不管用。 以下是我编写的两个组件：

…/CreateAddon/AddonProgress.vue

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

<script>
export default {
}
</script>

<style>

</style>

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

令人沮丧的是，样板代码中包含了一个导入组件的示例，我也在做同样的事情

---

我在这里遗漏了什么？

尝试删除这里的大括号

{AddonProgress}

哇，好地方，我想知道为什么这个语法在TypeScript中是正确的，但在ES6中不是……在代码的其他地方，我从“......../api/TYPES/ADDON TYPES”导入了{ADDON\u TYPES}，而且它工作得很好