错误:无法获取/ - Angular 2

时间:2017-08-03 05:55:05

标签: angular typescript angular-ui-router angular2-routing

我的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 { }

我真的很感激帮助。

0 个答案:

没有答案