2016-08-24 128 views
1

我不断收到以下错误:找不到404角2路

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(…) 

这是我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); 

和我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 
})]); 
+0

似乎是app.routes文件的路径问题,http:// localhost:4200/app.routes,您是否检查该文件是否存在于该位置? –

+0

现在得到这个工作,但似乎无法得到路由器链接链接到任何地方继续得到一个模板错误,当我在锚标签上使用[routerLink]。如果你想提交一个答案,我会接受它,因为这是问题 – Tyler

+0

请添加相应的代码来查看它。 –

回答

0

似乎为app.routes文件的路径问题,本地主机:4200/app.routes,你有没有检查该文件存在于该位置?

+0

我将app.routes.ts文件移动到/ app目录,它的工作原理! – Tyler

0

您正在将rc4逻辑与rc5逻辑相结合...

NgModule附带rc5,但您使用的引导方法仍然是rc4。

你需要改变你怎么这样引导您的应用程序是这样的:

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

platformBrowserDynamic().bootstrapModule(AppModule); 
+0

当我这样做platformBrowserDynamic( ).bootstrapModule(MyAppModule)而不是我所拥有的 – Tyler

+0

在这种情况下,我相信你有一个构建或配置问题......你需要将这些信息作为你的问题的一部分发布。 – Brocco

+0

这是现在的工作我不想玩它哈哈 – Tyler