找不到404角2路

我不斷收到以下錯誤：找不到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 
})]);

來源

2016-08-24 Tyler

似乎是app.routes文件的路徑問題，http：// localhost：4200/app.routes，您是否檢查該文件是否存在於該位置？ –

現在得到這個工作，但似乎無法得到路由器鏈接鏈接到任何地方繼續得到一個模板錯誤，當我在錨標籤上使用[routerLink]。如果你想提交一個答案，我會接受它，因爲這是問題 – Tyler

請添加相應的代碼來查看它。 –

似乎爲app.routes文件的路徑問題，本地主機：4200/app.routes，你有沒有檢查該文件存在於該位置？

來源

2016-08-24 16:24:06

我將app.routes.ts文件移動到/ app目錄，它的工作原理！ – Tyler

您正在將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);

來源

2016-08-24 16:03:10 Brocco

當我這樣做platformBrowserDynamic（）.bootstrapModule（MyAppModule）而不是我所擁有的 – Tyler

在這種情況下，我相信你有一個構建或配置問題......你需要將這些信息作爲你的問題的一部分發布。 – Brocco

這是現在的工作我不想玩它哈哈 – Tyler

找不到404角2路

回答

相關問題