title: Angular 2 Router - Cannot access child routes
body: <pre><code>import { RouterConfig }  from '@angular/router';
  import { MainComponent } from './main.component';
  import { FirstChildComponent } from './first-child.component';
  import { SecondChildComponent } from './second-child.component';
  
  export const TempRoutes: RouterConfig = [
    {
      path: 'main',
      component: MainComponent,
      children: [
        { path: ':slug', component: SecondChildComponent },
        { path: '', component: FirstChildComponent }
      ]
    }
  ];
  </code></pre>
  
  <p>When I try to access the '/main/rahul' URL, where rahul is the slug, the Second Child component is not loaded. Instead in web console I see a list of errors like</p>
  
  <pre><code>es6-shim.min.js:1 Uncaught SyntaxError: Unexpected token &lt;
  zone.js:1 Uncaught SyntaxError: Unexpected token &lt;
  Reflect.js:1 Uncaught SyntaxError: Unexpected token &lt;
  system.src.js:1 Uncaught SyntaxError: Unexpected token &lt;
  systemjs.config.js:1 Uncaught SyntaxError: Unexpected token &lt;
  rahul:20 Uncaught ReferenceError: System is not defined(anonymous function) @ rahul:20
  bundle.min.js:1 Uncaught SyntaxError: Unexpected token &lt;
  </code></pre>
  
  <p>Angular Router Version : 3.0.0-alpha.7</p>
  
  <p>Also, when trying to access URL: '/main/', gives me same errors as above, whereas it should load First Child Component.</p>