angular - BrowserModule 已经加载错误

Question

我已将我的应用程序更新为 RC6，但现在我不断收到此错误:

zone.js:484 Unhandled Promise rejection: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module...

我正在使用延迟加载，我的应用程序被分解成许多延迟加载的模块。然而在 RC5 中一切正常。

我在 RC6 的更新日志中找到的唯一变化是:

compiler: throw descriptive error meesage for invalid NgModule providers

但是因为我在 RC5 中没有看到任何错误，这可能不适用于这里。

我有点没有想法，所以非常感谢任何帮助。

Answer 1

我认为您正在使用“NoopAnimationsModule”或“BrowserAnimationsModule”，其中已经包含“BrowserModule”并延迟加载您的模块。因此，解决方案是在“app.module.ts”中将 BrowserModule 替换为“NoopAnimationsModule”或“BrowserAnimationsModule”。

import { Router } from '@angular/router';
import { AdminsModule } from './admins/admins.module';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
//import { BrowserModule } from '@angular/platform-browser';
import { NgModule,OnInit } from '@angular/core';
import { AppComponent } from './app.component'; 
@NgModule({
    declarations: [
        AppComponent,
    ],
    imports: [
    //BrowserModule,
    NoopAnimationsModule,
    FormsModule
],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}