コンポーネント名のAureliaダッシュが機能しない

Question

私は基本的なAureliaコンポーネントを持っていて、その名前にダッシュを使用すると動作しません。

私はこのようにそれを持っている場合には動作します：

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

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

<helloworld></helloworld> 

しかし、このようにあるときに、それはない：

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

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

<hello-world></hello-world> 

Aureliaドキュメントによれば、両方の方法で動作するはずです。https://github.com/aurelia/templating/blob/master/doc/article/en-US/templating-custom-elements.md

Answer 1

私はこの原因を見つけることができました。 app.htmlに次の行があり、名前の競合があったようです。それを削除するとすぐに問題が解決されました。

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