EmberFire & Firebase Storage Reference
<p>I'm relatively new to Ember and EmberFire. I'm working on a Client/Logo management application. I've currently got Firebase Authentication and Firebase data working as expected. When I go to upload the logo to Firebase storage, I am presented with this error:</p>

<pre><code>Uncaught Error: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp(). firebase.js:30
</code></pre>

<p>Here is the action that is being called:</p>

<p><strong>Controller</strong></p>

<pre class="lang-js prettyprint-override"><code>firebase: Ember.inject.service( 'firebase' ),
actions: {
    createClient(){
        let name = this.get( 'clientName' );
        let image = document.getElementById( 'client-image' );
        let storeName = name.replace( / /g, '' );

        let storageRef = firebase.storage().ref();

        let file = image.files[0];
        let metadata = {
            'contentType' : file.type
        };

        let uploadTask = storageRef.child( `uploads/${storeName}/${file.name}` ).put( file, metadata );

        uploadTask.on( 'state_changed', null, function( error ){
            console.error( 'Upload Failed:', error );
        }, function(){
            console.log( 'Uploaded', uploadTask.snapshot.totalBytes, 'bytes.' );
            console.log( uploadTask.snapshot.metadata );
            let uploadUrl = uploadTask.snapshot.metadata.downloadURLs[0];
            console.log( 'File available at ', url );

            let client = this.store.createRecord( 'client', {
                name: name,
                image: uploadUrl,
                isActive: false,
                timestamp: new Date().getTime()
            } );
            client.save();

        } );

        // Tell the route to hide the client form.
        this.send( 'hideAddClientForm' );
    }
}
</code></pre>

<p><strong>Template</strong></p>

<pre class="lang-html prettyprint-override"><code>&lt;div id="new-overlay" class="overlay" {{action "hideAddClientForm"}}&gt;&lt;/div&gt;
&lt;div id="newClient"&gt;
    {{input type="text" id="client-name" placeholder="Client Name" value=clientName}}&lt;br /&gt;
    {{input type="file" id="client-image" value=clientImage}}
    &lt;div class="submitBtn" {{action "createClient"}}&gt;Add Client&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>So, in short, how do I access the Firebase reference provided by EmberFire so that I can invoke the "storage()" method to it that is shown <a href="https://github.com/firebase/quickstart-js/blob/master/storage/index.html" rel="nofollow">here in the Quickstart</a>. If access to that reference isn't possible, do I have to create another, "non-EmberFire" reference to Firebase in order to use Storage? I'm simply trying to uploading a .jpg.</p>