404 nicht eckig gefunden 2 Routen

Question

Ich halte die folgende Fehlermeldung erhalten:

Failed to load resource: the server responded with a status of 404 (Not Found) 
zone.js:461 Unhandled Promise rejection: Error: XHR error (404 Not Found) loading http://localhost:4200/app.routes 
     at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:4200/vendor/zone.js/dist/zone.js:769:30) 
     at ZoneDelegate.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.js:356:38) 
     at Zone.runTask (http://localhost:4200/vendor/zone.js/dist/zone.js:256:48) 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:4200/vendor/zone.js/dist/zone.js:423:34) 
    Error loading http://localhost:4200/app.routes as "./app.routes" from http://localhost:4200/main.js ; Zone: <root> ; Task: Promise.then ; Value: Error: Error: XHR error (404 Not Found) loading http://localhost:4200/app.routes(…)consoleError @ zone.js:461 
zone.js:463 Error: Uncaught (in promise): Error: Error: XHR error (404 Not Found) loading http://localhost:4200/app.routes(…) 

Das ist mein app.routes.ts:

import { Routes, RouterModule } from '@angular/router'; 
import { AppComponent } from './app/app.component' 
import { CreateServiceComponent } from './app/createservice/createservice.component' 

const appRoutes: Routes = [ 
    //{ path: 'crisis-center', component: CrisisCenterComponent }, 
    { path: 'services/create', component: CreateServiceComponent }, 
    { path: '/', component: AppComponent } 
    //{ path: '**', component: PageNotFoundComponent } 
]; 

export const appRoutingProviders: any[] = [ 

]; 

export const routing = RouterModule.forRoot(appRoutes); 

und meine main.ts:

@NgModule({ 
    imports: [ 
    BrowserModule, 
    AngularFireModule.initializeApp(firebaseConfig), 
    RouterModule, 
    routing 
    ], 
    declarations: [ AppComponent, CreateServiceComponent ], 
    providers: [ appRoutingProviders ], 
    bootstrap: [ AppComponent,FIREBASE_PROVIDERS ] 
}) 
export class MyAppModule {} 

if (environment.production) { 
    enableProdMode(); 
} 

bootstrap(AppComponent, [ 
    FIREBASE_PROVIDERS, 
    defaultFirebase(firebaseConfig), 
    firebaseAuthConfig({ 
    provider: AuthProviders.Facebook, 
    method: AuthMethods.Popup 
})]); 

Answer 1

Scheint als Pfad Problem für app.routes Datei, localhost: 4200/app.routes, haben Sie überprüfen, ob die Datei ist am Standort vorhanden?

Answer 2

Sie kombinieren rc4 Logik mit rc5 Logik ...

NgModule kam mit rc5, aber die Bootstrap-Methode, die Sie verwenden, ist immer noch rc4.

Sie müssen sich ändern, wie Sie Ihre Anwendung so etwas wie das hier Bootstrapping:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
// or wherever your AppModule lives 
import AppModule from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule);