Приложение с угловым 2 с помощью webpack

Question

Earlier Я разработал образец приложения Angular 2 с использованием System JS для загрузки модуля, и он работал нормально.

Теперь я хотел бы использовать пакетный пакет webpack вместо системы JS, и я внесли соответствующие изменения.

Теперь, когда я запускаю приложение в браузере, он отображается ниже в консоли.

"Cannot find primary outlet to load 'HomeComponent' Error: Cannot find primary outlet to load 'HomeComponent'"

Ниже мой корневой код модуля, связанные с маршрутизацией

RouterModule.forRoot([ 
       {path:'' , component:HomeComponent}, 
       {path:'acategories/:id/products/:pid' , component:ProductComponent}, 
       //{path:'acategories/productsx/:pid' , component:ProductComponent}, 
       {path:'acategories/:id/products' , component:ProductsComponent},     
       {path:'acart' , component:CartComponent}, 
       {path:'about' , component:AboutComponent}, 
       {path:'aorders' , component:OrderDetailsComponent}, 
       {path:'asearch' , component: ProductSearchComponent}, 
       {path:'**',component:PageNotFoundComponent} 
      ]), 

Ниже мой корневой код компонента

@Component({  
    selector:'my-app', 
    templateUrl: './app.component.html' 

}) 

app.component.html имеет

... 
<router-outlet></router-outlet> 
... 

и это мой код домашнего компонента

@Component({ 
selector:'', 
templateUrl:'./home.component.html' 
}) 

Все эти файлы находятся в одной папке. Любая идея, что нужно изменить.

Answer 1

Не оставляйте селектор домашнего компонента пустым и пытайтесь использовать его где-нибудь в Html.

Answer 2

Это был templateUrl вопрос пути в моих компонентах, пришлось модифицировать

@Component({  
selector:'my-app', 
templateUrl: './app.component.html' 

}) 

в

@Component({  
selector:'my-app', 
templateUrl: './app/app.component.html' 

}) 

После использования скрипача, чтобы проверить, что было возвращено с сервера, был в состоянии идентифицировать проблему.