2017-05-25 45 views
2

enter image description here这不是一个错误。这是只是要中止JavaScript Angular 4

我得到这种角度4.1.2的错误,我不明白什么可以做到删除这个......我得到这样的错误在我的代码早些时候,现在我无法找到我的代码已经开始这个错误的变化。

当我从V2升级到4角,没有使用这个错误继续存在

好心帮助理解错误的或与其解决方案的来源。

更新:我已经找到了错误的原因,基本上我试图延迟加载使用NgModule和路线和失误也开始来了,这里是我的代码,我用我的 代码app.module

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule, BrowserXhr } from '@angular/http'; 
import { RouterModule, Routes } from '@angular/router'; 
import { appRoutes } from './app.routes'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 

import { AppComponent } from './app.component'; 
import { ContactComponent } from './pages/contact/contact.component'; 
import { HomeComponent } from './pages/home/home.component'; 
import { LoginComponent } from './pages/adviser/login/login.component'; 
import { DashboardModule } from './pages/adviser/dashboard/dashboard.module'; 
import { Page404Component } from './pages/page404/page404.component'; 
import { HttpService } from './shared/services/http.service'; 
import { InstrumentService } from './shared/services/instrument.service'; 
import { WindowRef } from './shared/services/window-ref.service'; 
import { CredentialsService } from './shared/services/credentials.service'; 
import { ConstantService } from './shared/services/constant.service'; 
import { CryptService } from './shared/services/crypt.service'; 
import { AuthGuardService } from './shared/services/auth-guard.service'; 
import { PrivacyPolicyComponent } from './pages/privacy-policy/privacy-policy.component'; 
import { TermsConditionComponent } from './pages/terms-condition/terms-condition.component'; 
import { NgProgressModule, NgProgressCustomBrowserXhr } from 'ngx-progressbar'; 
import { Ng2PageScrollModule } from 'ng2-page-scroll'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    ContactComponent, 
    HomeComponent, 
    LoginComponent, 
    Page404Component, 
    PrivacyPolicyComponent, 
    TermsConditionComponent 
    ], 
    imports: [ 
    NgProgressModule, 
    BrowserModule, 
    BrowserAnimationsModule, 
    Ng2PageScrollModule.forRoot(), 
    FormsModule, 
    HttpModule, 
    DashboardModule, 
    RouterModule.forRoot(appRoutes) 
    ], 
    providers: [HttpService, CredentialsService, ConstantService, 
    AuthGuardService, CryptService, WindowRef,InstrumentService, 
    { provide: BrowserXhr, useClass: NgProgressCustomBrowserXhr }], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

我app.routes代码

import { Routes } from '@angular/router'; 

import { AppComponent } from './app.component'; 
import { HomeComponent } from './pages/home/home.component'; 
import { LoginComponent } from './pages/adviser/login/login.component'; 
// import { DashboardModule } from './pages/adviser/dashboard/dashboard.module' 
import { Page404Component } from './pages/page404/page404.component'; 
import { AuthGuardService } from './shared/services/auth-guard.service'; 
import { PrivacyPolicyComponent } from './pages/privacy-policy/privacy-policy.component'; 
import { TermsConditionComponent } from './pages/terms-condition/terms-condition.component'; 


export const appRoutes: Routes = [ 
    { path: 'home', component: HomeComponent }, 
    { path: 'login', component: LoginComponent }, 
    { path: 'privacy-policy', component: PrivacyPolicyComponent }, 
    { path: 'terms-condition', component: TermsConditionComponent }, 
    { path: 'dashboard', canActivate: [AuthGuardService], loadChildren:'app/pages/adviser/dashboard/dashboard.module#DashboardModule' }, 
    { path: '', redirectTo: '/home', pathMatch: 'full' }, 
    { path: '**', pathMatch: 'full', component: Page404Component } 
]; 

我的控制面板模块

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 

import { HttpService } from '../../../shared/services/http.service'; 
import { InstrumentService } from '../../../shared/services/instrument.service'; 
import { WindowRef } from '../../../shared/services/window-ref.service'; 
import { CredentialsService } from '../../../shared/services/credentials.service'; 
import { ConstantService } from '../../../shared/services/constant.service'; 
import { CryptService } from '../../../shared/services/crypt.service'; 
import { AuthGuardService } from '../../../shared/services/auth-guard.service'; 
import { AutoCompleteComponent } from '../../../shared/plugin/auto-complete/auto-complete.component'; 
import { MilliToDatePipe } from '../../../shared/pipes/milli-to-date.pipe'; 
import { PercentagePipe } from '../../../shared/pipes/percentage.pipe'; 
import { NseBsePipe } from '../../../shared/pipes/nse-bse.pipe'; 
import { INRCurrencyPipe } from '../../../shared/pipes/inr-currency.pipe'; 
import { NumberFormatPipe } from '../../../shared/pipes/num.pipe'; 
import { RiskPipe } from '../../../shared/pipes/risk.pipe'; 
import { LogPipe } from '../../../shared/pipes/log.pipe'; 
import { ChartsModule } from 'ng2-charts'; 
import { NgProgressModule, NgProgressCustomBrowserXhr } from 'ngx-progressbar'; 
import { Ng2PageScrollModule } from 'ng2-page-scroll'; 
import { InstrumentPipe } from '../../../shared/pipes/instrument.pipe'; 
import { TruncatePipe } from '../../../shared/pipes/truncate.pipe'; 

import { DashboardComponent} from './dashboard.component'; 
import { dashboardRouting } from './dashboard.routing'; 

@NgModule({ 
    imports: [ 
    CommonModule, 
    dashboardRouting, 
    ChartsModule, 
    FormsModule  
    ], 
    declarations: [ 
    DashboardComponent, 
    AutoCompleteComponent, 
    MilliToDatePipe, 
    PercentagePipe, 
    NumberFormatPipe, 
    INRCurrencyPipe, 
    NseBsePipe, 
    RiskPipe, 
    LogPipe, 
    InstrumentPipe, 
    TruncatePipe 
    ], 
    providers: [HttpService, CredentialsService, ConstantService, 
    AuthGuardService, CryptService, WindowRef, InstrumentService] 
}) 
export class DashboardModule { } 

我的仪表盘路由

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { DashboardComponent } from './dashboard.component'; 

const dashboardRoutes: Routes = [ 
    { path: '', component: DashboardComponent } 
]; 

export const dashboardRouting: ModuleWithProviders = RouterModule.forChild(dashboardRoutes); 
+0

你可以添加你的代码吗? – Edric

+0

'现在我可以在我的代码中找到发生此错误的更改,那它是什么? –

+0

Sry - 我的意思是我无法找到变化 –

回答

0

解决这个问题是 - 删除延迟加载模块的 - 这是在app.module.ts进口部分

被导入我删除 1. DashboardModule.ts和2 FundsModule .ts from app.module.ts导入部分