我的Angular2应用程序有点问题。配置app-routing.module(根模块路由)后,我遇到了服务器问题。对服务器的每个HTTP请求都有相同的错误。
Cannot GET /
这是我的app-routing.module:
const routes: Routes = [
{ path: '', redirectTo: '/index', pathMatch: 'full' },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: []
})
export class AppRoutingModule { }
如何看,根路由重定向到另一个模块中配置的路由。这个模块叫做登陆&这是landing.module:
从'./landing-routing.module'导入{LandingRoutingModule}; 从'./components/landing-page/landing-page.component'导入{LandingPageComponent};
@NgModule({
imports: [
CommonModule,
LandingRoutingModule
],
declarations: [LandingPageComponent]
})
export class LandingModule { }
&安培;当然,登陆-rouve.module:
从'./components/landing-page/landing-page.component'导入{LandingPageComponent};
const routes: Routes = [
{ path: '', redirectTo: '/index', pathMatch: 'full' },
{ path: 'index', component: LandingPageComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LandingRoutingModule { }
此模块的根路由只是使用LandingPageComponent重定向到索引路由。该组件仅在HTML和HTML中进行了修改。 CSS文件。
我的app.module(root)看起来像这样:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpModule } from '@angular/http';
import { AppRoutingModule } from './app-routing.module';
/*
Modulos Personalizados
*/
import { LandingModule } from './modules/landing/landing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
HttpModule,
BrowserAnimationsModule,
AppRoutingModule,
LandingModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
我真的很感激帮助。