javascript - Ember コンポーネントは拡張クラスを使用しません

Question

私は残り火に問題があります。コンポーネントを作成しようとしていますが、自分のコンポーネント クラスを使用できません。

// ------- main

require( ["handlebars", "ember"], function() {

    app = Ember.Application.create( {
        LOG_ACTIVE_GENERATION: true,
        LOG_TRANSITIONS_INTERNAL: true,
        LOG_VIEW_LOOKUPS: true,
        LOG_BINDINGS: true,
        LOG_TRANSITIONS: true 
    });         

    require(["js/components/rsa-key.js"], function() {

        app.Router.map( function() {
            this.resource('application', { path: "/" });
        });                                 

    });             


});
<script type="text/x-handlebars" data-template-name="application">

    <h1>Title: {{title}}</h1>
    {{rsa-key}}
</script>     

// ---------- rsa-key-component
<script type="text/x-handlebars" id="components/rsa-key">

<div class="controls-row">
//.....         
            <label for="storageLoadKey" class="col-lg-2 control-label" {{ action "toggle" }} >Local storage: </label>
//.....
</div>

</script>
// ---------- rsa-key.js
define([], function( ) { 

    app.RsaKeyComponent = Ember.Component.extend({  
        tagName: "nav",
        actions: {

            toggle: function() {
                alert("toggle");
            },
            localSave: function() {

                alert("save");
            }
        }

    });


});

奇妙なことに、「require("rsa-key.js")」を削除してその内容に置き換えると、魅力的に機能します。

では、require js を介してロードすると、なぜ機能しないのでしょうか。