Угловая ошибка 4 - Ошибка при сбое Не удается прочитать свойство «создать» неопределенного

  • Я создал Guard ( LoggedInGuard ), который я определил в AuthModule, который я импортирую в своем AppModule .
  • Я также создал DashboardModule, который в своем модуле маршрутизации использует LoggedInGuard из AuthModule

при использовании LoggedInGuard в DashboardModule это вызывает:

vendor.90461c1e81f8688ab265.bundle.js:1 Uncaught TypeError: Cannot read property 'create' of undefined
    at vendor.90461c1e81f8688ab265.bundle.js:1
    at e.invoke (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at Object.onInvoke (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e.invoke (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at r.run (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at t.run (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e._bootstrapModuleFactoryWithZone (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e.bootstrapModuleFactory (vendor.90461c1e81f8688ab265.bundle.js:1)
    at Object.cDNt (main.fe03e438715300c2a840.bundle.js:1)
    at n (inline.ce435269133e3a18afdf.bundle.js:1)

ПРИМЕЧАНИЕ. Когда я создаю приложение с помощью aot = false, он отлично работает

мой AppModule:

import { AuthModule } from './auth'
import { AppRoutingModule } from './app.routing';
import { DashboardModule } from './dashboard/dashboard.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    .....
    AuthModule,
    //routing order matters
    DashboardModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

мой AuthModule:

import { CommonModule } from '@angular/common';
import { AuthService } from './auth.service';
import { LoggedInGuard } from './login/login.guard';
import { LoginComponent } from './login/login.component';

import { AuthRoutingModule } from './auth-routing.module';
@NgModule({
    imports: [
        CommonModule,
        AuthRoutingModule

    ],
    declarations: [
        LoginComponent
    ],
    providers: [AuthService, LoggedInGuard],
    exports: [LoginComponent]
})

export class AuthModule {


}

моя маршрутная маршрутизация:

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router'; //import router module
import { DashboardComponent } from './dashboard.component';
import { HomeComponent } from './home/home.component';
import { LoggedInGuard } from '../auth/index';
import { AuthModule } from '../auth/auth.module';


 const dasboardRouting = RouterModule.forChild([


  {
    path: 'dashboard',
    component: DashboardComponent,
    children:[
      {path:'',component:HomeComponent},
      { path: 'game', loadChildren: './../game/game.module#GameModule' }//when route is 'lazy' -loading the lazy module

    ]
    ,canActivate: [LoggedInGuard]
  }


]);

@NgModule({
  imports: [
    AuthModule,
    dasboardRouting
  ],
  exports: [RouterModule],
  providers: [
      LoggedInGuard
  ]
})
export class DashboardRoutingModule {}

ПРИМЕЧАНИЕ. - Я использую угловой 4.2

angular,lazy-loading,angular-router,angular-router-guards,

0

Ответов: 0

Угловая ошибка 4 - Ошибка при сбое Не удается прочитать свойство «создать» неопределенного
  • Я создал Guard ( LoggedInGuard ), который я определил в AuthModule, который я импортирую в своем AppModule .
  • Я также создал DashboardModule, который в своем модуле маршрутизации использует LoggedInGuard из AuthModule

при использовании LoggedInGuard в DashboardModule это вызывает:

vendor.90461c1e81f8688ab265.bundle.js:1 Uncaught TypeError: Cannot read property 'create' of undefined
    at vendor.90461c1e81f8688ab265.bundle.js:1
    at e.invoke (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at Object.onInvoke (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e.invoke (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at r.run (polyfills.f5a89f4a86af4d9fd561.bundle.js:1)
    at t.run (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e._bootstrapModuleFactoryWithZone (vendor.90461c1e81f8688ab265.bundle.js:1)
    at e.bootstrapModuleFactory (vendor.90461c1e81f8688ab265.bundle.js:1)
    at Object.cDNt (main.fe03e438715300c2a840.bundle.js:1)
    at n (inline.ce435269133e3a18afdf.bundle.js:1)

ПРИМЕЧАНИЕ. Когда я создаю приложение с помощью aot = false, он отлично работает

мой AppModule:

import { AuthModule } from './auth'
import { AppRoutingModule } from './app.routing';
import { DashboardModule } from './dashboard/dashboard.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    .....
    AuthModule,
    //routing order matters
    DashboardModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

мой AuthModule:

import { CommonModule } from '@angular/common';
import { AuthService } from './auth.service';
import { LoggedInGuard } from './login/login.guard';
import { LoginComponent } from './login/login.component';

import { AuthRoutingModule } from './auth-routing.module';
@NgModule({
    imports: [
        CommonModule,
        AuthRoutingModule

    ],
    declarations: [
        LoginComponent
    ],
    providers: [AuthService, LoggedInGuard],
    exports: [LoginComponent]
})

export class AuthModule {


}

моя маршрутная маршрутизация:

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router'; //import router module
import { DashboardComponent } from './dashboard.component';
import { HomeComponent } from './home/home.component';
import { LoggedInGuard } from '../auth/index';
import { AuthModule } from '../auth/auth.module';


 const dasboardRouting = RouterModule.forChild([


  {
    path: 'dashboard',
    component: DashboardComponent,
    children:[
      {path:'',component:HomeComponent},
      { path: 'game', loadChildren: './../game/game.module#GameModule' }//when route is 'lazy' -loading the lazy module

    ]
    ,canActivate: [LoggedInGuard]
  }


]);

@NgModule({
  imports: [
    AuthModule,
    dasboardRouting
  ],
  exports: [RouterModule],
  providers: [
      LoggedInGuard
  ]
})
export class DashboardRoutingModule {}

ПРИМЕЧАНИЕ. - Я использую угловой 4.2

00угловые, ленивая-погрузочный, угловой маршрутизатор, угловой маршрутизатор-охранники,
Похожие вопросы