Question

这是我的代码：

 import { CommonModule } from '@angular/common';
    import { HttpClientModule } from '@angular/common/http';
    import { NgModule } from '@angular/core';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { LanguageTranslationModule } from './shared/modules/language-translation/language-translation.module'

    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { AuthGuard } from './shared';

    import { SidebarComponent } from './layout/components/sidebar/sidebar.component';
    import { HeaderComponent } from './layout/components/header/header.component';

    @NgModule({
        imports: [
            CommonModule,
            BrowserAnimationsModule,
            HttpClientModule,
            LanguageTranslationModule,
            AppRoutingModule

        ],
        declarations: [AppComponent,HeaderComponent,SidebarComponent],
        providers: [AuthGuard],
        bootstrap: [AppComponent],
        exports: [
            HeaderComponent,
            SidebarComponent
      ],

    })
    export class AppModule {}

我不明白为什么得到这个惊喜：

错误：BrowserModule已被加载。如果您需要访问惰性加载模块中的常见指令（例如NgIf和NgFor），改为导入CommonModule。错误：BrowserModule已经存在已加载。如果您需要访问常用指令，例如NgIf和NgFor 从延迟加载的模块中导入

在以后的模块中，我导入CommonModule而不是BrowerModule。有人可以帮助我吗？

Answer 1

用AppModule中的BrowserModule替换CommonModule。

import { BrowserModule} from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { LanguageTranslationModule } from './shared/modules/language-translation/language-translation.module'

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AuthGuard } from './shared';

import { SidebarComponent } from './layout/components/sidebar/sidebar.component';
import { HeaderComponent } from './layout/components/header/header.component';

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        HttpClientModule,
        LanguageTranslationModule,
        AppRoutingModule

    ],
    declarations: [AppComponent,HeaderComponent,SidebarComponent],
    providers: [AuthGuard],
    bootstrap: [AppComponent],
    exports: [
        HeaderComponent,
        SidebarComponent
  ],

})
export class AppModule {}

Answer 2

data = pd.read_csv("Burketown.csv") months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] fixed_data = pd.melt(data, id_vars=['Year'], value_vars=months) fixed_data['variable'] = (pd.CategoricalIndex(fixed_data['variable'], ordered=True, categories=months)) fixed_data = fixed_data.sort_values(['Year', 'variable'])和BrowserAnimationsModule仅导入一次（在您的根模块或核心模块中）。

仅一次（仅在应用程序模块中）导入这些提及的模块：

HttpModule，BrowserModule，BrowserAnimationsModule（如果使用），LazyLoadImageModule（如果使用），CarouselModule（如果使用），{{ 1}}（如果使用的话）

Answer 3

仅在 AppModule 中导入BrowserAnimationsModule，因为BrowserAnimationsModule默认情况下会导入BrowserModule，无需在app.module.ts中定义BrowserModule，然后在您的子模块/功能模块中导入CommonModule。

 @NgModule({
imports:      [ 
                BrowserAnimationsModule
                ]
})    
export class ParentModule {}

功能/子模块

    @NgModule({
           imports:      [ CommonModule ]
     })   
export class FeaturedModule {}

希望，这可以解决您的问题

BrowserModule已加载

3 个答案: