Angular2 Selector did not match any elements with bundle and ECM6
<p>I have a very simple angular2 project, configured to work with Gulp, Bundle and ECM6. Bundle will create a big file which contains the translated ECM5 of angular plus my app.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Angular 2 Test&lt;/title&gt;
    &lt;script src="bundle.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;mainapp&gt;

&lt;/mainapp&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The angular app is defined as follows:</p>

<pre><code>import {Component, View, bootstrap} from 'angular2/core';

export class mainComponent {
    static get annotations() {
        return [
            new Component({
                selector: 'mainapp'
            }),
            new View({
                template: `&lt;div&gt;Hello!&lt;/div&gt;`
            })
        ];
    }
}

bootstrap(mainComponent);
</code></pre>

<p>However when I load it, I keep on getting an error</p>

<pre><code>"selector 'mainapp' did not match any element"
</code></pre>