我在角4.1.2中遇到这种错误,我不明白它可以做什么删除这个......我在代码中早些时候遇到了这样的错误,现在我无法找到我的代码中的更改已经启动此错误。
当我从v2升级到角度4时,此错误不会用于持续
请帮助理解错误的来源或解决方案。
更新:我发现了错误的原因,基本上我尝试使用NgModule和Routes进行延迟加载,这个错误已经开始了,这里是我使用的代码 我的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 :(得分:0)
解决这个问题的方法是 - 删除延迟加载的模块 - 这是在app.module.ts导入部分中导入的
我删除了 1. DashboardModule.ts和2.来自app.module.ts导入部分的FundsModule.ts