Angular 2 Router error, Route config should contain exactly one “component”, “loader”, or “redirectTo” property

Question

This is my setup:

import {bootstrap} from \'angular2/platform/browser\';
import {Component} from \'angular2/core\';
import {LocationStrategy, APP_BASE_HREF,          


        

Answer 1

In my case the problem was incorrectly imported child component. The component export was default:

export default class HomeComponent {}

So i replaced its import from

import { HomeComponent } from './homeComponent';

to

import HomeComponent from './homeComponent';

and it works!

Interesting that webpack which i use to bundle the app does not provide any errors/warnings.