我在angular 2项目中设置了一些路由.这对我来说从来都不是问题,但是我对这个角度较新的版本有困难.
如果我点击链接到路线我没有问题.但是,如果我去除我的根目录以外的任何路线(/),我的应用程序将被卡在加载屏幕上.每当我尝试通过网址进入/登录时,我都会卡住..
相关文件
app.routes.ts
import { ModuleWithProviders } from '@angular/core'; import { Routes,RouterModule } from '@angular/router'; import { DashboardComponent } from './dashboard/dashboard.component' import { LoginComponent } from './login/login.component' import { AuthGuard } from './auth-guard.service' const appRoutes: Routes = [ { path: '',component: DashboardComponent},{ path: 'login',component: LoginComponent },] export const appRoutingProviders: any[] = [ ]; export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes)
app.module.ts
@NgModule({ declarations: [ AppComponent,LoginComponent,DashboardComponent ],imports: [ BrowserModule,FormsModule,HttpModule,routing,StoreModule.provideStore({user}) ],providers: [ AuthGuard,AuthService,appRoutingProviders ],bootstrap: [AppComponent] }) export class AppModule { }
app.component.html
<div id="header"> <img src="app/assets/img/irs-logo.png" alt="irs"> </div> <nav> <a routerLink="/login" routerLinkActive="active">login</a> <a routerLink="/" routerLinkActive="active">dashboard</a> </nav> <div id="body" class="container body"> <router-outlet></router-outlet> </div>
还有什么我可能会在这里失踪?
在这个阶段,我的组件几乎都是空壳
解决方法
我没做什么工作.
我按照这里的步骤:
https://github.com/angular/angular-cli#updating-angular-cli
似乎已经修复了一切