Il trattino Aurelia nel nome del componente non funziona - javascript, aurelia, aurelia-binding, aurelia-cli, aurelia-framework

Ho un componente Aurelia di base e sembra che quando uso il trattino nel suo nome, non funziona.

Funziona quando ce l'ho in questo modo:

import {inject, customElement, bindable} from "aurelia-framework";

@customElement("helloworld")
@inject(Element)
export class HelloWorldCustomElement {
constructor(element) {
console.log ("here")
}
}

<helloworld></helloworld>

Ma non è quando è così:

import {inject, customElement, bindable} from "aurelia-framework";

@customElement("hello-world")
@inject(Element)
export class HelloWorldCustomElement {
constructor(element) {
console.log ("here")
}
}

<hello-world></hello-world>

Secondo i documenti di Aurelia, dovrebbe funzionare in entrambi i modi: https://github.com/aurelia/templating/blob/master/doc/article/en-US/templating-custom-elements.md

risposte:

Sono riuscito a trovare la causa per questo. Nel app.html Ho avuto la seguente riga e sembra che ci sia stato un conflitto di denominazione. La sua rimozione ha risolto immediatamente il problema.

<require from="hello-world/hello-world.html"></require>