Ui-Router not working with components
<p>I'm trying to use the Ui-Router (1.0.0-beta.2) with angular 1.5.x components.</p>

<p>Using this doc : <a href="https://ui-router.github.io/guide/ng1/route-to-component" rel="nofollow">https://ui-router.github.io/guide/ng1/route-to-component</a>, I came up with something like that :</p>

<pre><code>config.$inject = ['$stateProvider'];

export default function config($stateProvider) {
    $stateProvider
        .state('app', {
            url: '/app',
            component: 'hello'
        });
}
</code></pre>

<p>Hello component is like that :</p>

<pre><code>class Hello {
    static component() {
        return {
            template: 'Hello component !!!'
        };
    }
}

export default Hello.component();
</code></pre>

<p>Within my module, I do import/create the component :</p>

<pre><code>import AppConfig from './app.config';
import AppComponent from './app.component';
import HelloComponent from './hello.component';

let appModule = angular.module('demo.app', []);

appModule.config(AppConfig);
appModule.component('app', AppComponent);
appModule.component('hello', HelloComponent);
</code></pre>

<p><strong>Now, with Ui-Router, If I change the line <code>component: 'hello'</code> to <code>template: '&lt;hello&gt;&lt;/hello&gt;'</code> it works.</strong></p>

<p>What am I missing here ?</p>

<p>I do not want to use template to create the component because I'll need to resolve data thanks to Ui-Router <code>resolve</code>.</p>

<p>Thanks for any help !</p>

<p><strong>EDIT 1:</strong> The project can be found on Github here : <a href="https://github.com/maxime1992/web-template-webpack/tree/component-router" rel="nofollow">https://github.com/maxime1992/web-template-webpack/tree/component-router</a></p>

<p>The router is defined <a href="https://github.com/maxime1992/web-template-webpack/blob/component-router/lib/components/app.config.js" rel="nofollow">here</a></p>