基本的なカスタム要素が機能していないようです

Question

私のAureliaアプリケーション用の標準的なユーザーステータスウィジェットを作成しようとしていますが、何が間違っているのか分かりません。出発点として私はthe docsに続きましたが、私の結果は期待通りのものではなく、ビルドやブラウザでもエラーが出ません。次のように

関連するファイルは、次のとおりです。

<!-- nav-bar.html --> 
<template bindable='router'> 
    <require from="./user-status "></require> 
    <!-- various nav buttons --> 
    <p class="navbar-collapse collapse navbar-text"> 
     Test <user-status></user-status> 
     </p> 

ユーザーstatus.html

<template> 
    ${status} 
</template> 

ユーザーstatus.js

export default class UserStatusCustomElement { 
     constructor() { 
     this.status = 'Be sure to drink your Ovaltine!'; 
     } 
    } 

私が変更した場合に見てnav-bar.htmlに必要./user-status.htmlの場合、効果があるように見えます（追加のアウレリア様の属性は、レンダリングされたhtmlのuser-status要素に捧げられますが、メッセージをレンダリングしません（b/cはクラスをピックアップせず、htmlのみのものとしてレンダリングします）。私がそのまま残すと、エラーは発生しませんが、これらの属性は追加されず、静的テキストでさえ何も表示されません。

Answer 1

あなたのコードで遊んだところ、user-status.jsモジュールからdefaultを削除すると問題が解決されました。モジュールをインポートするときに、Aureliaがモジュールローダー（System.js、webpack、...）をどのように利用するのかという理由があると思います。残念ながら、私はAureliaの内部については、より深い答えを伝えるだけでは十分ではありません。