找不到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
})]);
答
似乎为app.routes文件的路径问题,本地主机:4200/app.routes,你有没有检查该文件存在于该位置?
+0
我将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);
似乎是app.routes文件的路径问题,http:// localhost:4200/app.routes,您是否检查该文件是否存在于该位置? –
现在得到这个工作,但似乎无法得到路由器链接链接到任何地方继续得到一个模板错误,当我在锚标签上使用[routerLink]。如果你想提交一个答案,我会接受它,因为这是问题 – Tyler
请添加相应的代码来查看它。 –