Aurelia Dash in Komponentenname nicht funktioniert

Question

Ich habe eine grundlegende Aurelia-Komponente und es sieht aus wie wenn ich Dash in seinem Namen verwenden, funktioniert es nicht.

Es funktioniert, wenn ich es so haben:

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

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

<helloworld></helloworld> 

Aber es funktioniert nicht, wenn so:

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

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

<hello-world></hello-world> 

Laut der Aurelia-Dokumentation sollte es in beide Richtungen funktionieren: https://github.com/aurelia/templating/blob/master/doc/article/en-US/templating-custom-elements.md

Answer 1

Ich habe die Ursache dafür gefunden. In app.html hatte ich die folgende Zeile und es scheint, dass es einen Namenskonflikt gab. Durch das Entfernen wurde das Problem sofort behoben.

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