Winkel 2 Routing-3.0.0-rc.2 Wiederholung Route

Question

ich zum Beispiel mit dem Routing in meinem Winkel 2-Anwendung einige Probleme habe in

https://www.url.com/index ich bin

und wenn ich aktualisiere die Seite die uRL scheint, wie dieses

https://www.url.com/index/index

und wenn ich es wieder tun

https://www.url.com/index/index/index

und so weiter

Die Version ich verwende ist "@ Winkel/Router": „3.0.0-rc.2 "

meine app.routing.ts scheint, wie dieses

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { subprocessesComponent } from './Subprocesses.component'; 
import { moduleTermsComponent } from './moduleTerms.component'; 
import { retailProcessesComponent } from './retailProcesses.Component'; 
import { seeDocTestComponent } from './seeDocTest.component'; 

//import { HeroesComponent }  from './heroes.component'; 
//import { HeroDetailComponent } from './hero-detail.component'; 

const appRoutes: Routes = [ 
    { 
     path: '', 
     redirectTo: '/index', 
     pathMatch: 'full' 
    }, 
    { 
     path: 'index', 
     component: moduleTermsComponent 
    }, 
    { 
     path: 'processes/:id', 
     component: retailProcessesComponent 
    },  
    { 
     path: 'processes/subprocesses/:id', 
     component: subprocessesComponent 
    }, 
    { 
     path: 'seeDocs', 
     component: seeDocTestComponent 
    } 
]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

Durch die Art und Weise meines app webpack für Bündel ich verwende, so in meinem index.html <script type="text/javascript" src="../dist/app.bundle.js"></script> dem Skript ich habe

Wenn jemand weiß, was passiert oder wenn ich falsch mache etwas, das ich einige zu schätzen weiß Hilfe mit diesem

Vielen Dank im Voraus!

UPDATE

Mein app.module.ts sieht wie folgt aus:

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { moduleTermsComponent } from './moduleTerms.component'; 
import { AppComponent } from './app.component'; 
import { processListComponent } from './processesList.component'; 
import { retailProcessesComponent } from './retailProcesses.Component'; 
import { subProcessItemsComponent } from './subProcessItems.component'; 
import { subprocessesComponent} from './Subprocesses.component'; 
import { seeDocTestComponent } from './seeDocTest.component'; 
import { HttpModule } from '@angular/http'; 
import {AccordionModule} from "ng2-accordion"; 

import { serviceTerms } from './serviceTerms.service'; 
import { MyLogger } from './MyLogger'; 
import { routing } from './app.routing'; 


@NgModule({ 
    imports: [ 
     BrowserModule, 
     HttpModule, 
     AccordionModule, 
     routing 
    ], 
    declarations: [ 
     moduleTermsComponent, 
     AppComponent, 
     retailProcessesComponent, 
     processListComponent, 
     subprocessesComponent, 
     subProcessItemsComponent, 
     seeDocTestComponent 
     //PaginatePipe 
    ], 
    providers: [serviceTerms], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

hinzufügen

{provide: APP_BASE_HREF, useValue: '/'} 

an die Anbieter von AppModule