Electron and Vue - Unknown custom element

Question

I'm starting new project using Electron and Vue. I used the electron-vue boilerplate to setup the project.

As soon as I try to use a component into another, I get a Unknown custom element error.

I've searched all around the web but nothing I've tried so far works. Here are the two of the components I wrote:

..../CreateAddon/AddonProgress.vue

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

<script>
export default {
}
</script>

<style>

</style>

Here's where I'm trying to use it ..../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>

The frustrating part is that the boilerplate code includes and example of a imported component, and I'm doing exactly the same thing.

What am I missing here?

Ilijanovic · Accepted Answer · 2020-04-04 17:28:39Z

1

Try to remove the curly braces here { AddonProgress }

answered Apr 4, 2020 at 17:28

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WillysMD Over a year ago

Wow good spot, I'm wondering why this syntax is correct in TypeScript but not ES6 though...

WillysMD Over a year ago

Also weird somewhere else in the code I did import { ADDON_TYPES } from '../../../api/types/addon-types' and it works

Collectives™ on Stack Overflow

Electron and Vue - Unknown custom element

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related