BrowserModule已经加载
BrowserModule已经加载
提问于 2019-05-13 10:27:17
这是我的密码：
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。有人能帮我吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-05-13 12:17:31
只导入一次BrowserAnimationsModule和HttpModule (无论是在根模块还是核心模块中)。
只导入上述模块一次(仅在应用程序模块中)：
BrowserModule，BrowserAnimationsModule，LazyLoadImageModule (如果使用)，CarouselModule (如果使用)，InfiniteScrollModule (如果使用)，HttpModule (如果使用)
Stack Overflow用户
发布于 2019-06-15 07:06:40
将BrowserAnimationsModule导入到AppModule only中，因为在默认情况下，BrowserAnimationsModule导入BrowserModule，无需在app.module.ts中定义BrowserModule，然后在子/功能模块中导入CommonModule。
@NgModule({
imports: [
BrowserAnimationsModule
]
})
export class ParentModule {}特色/儿童单元
@NgModule({
imports: [ CommonModule ]
})
export class FeaturedModule {}希望，这解决了你的问题
Stack Overflow用户
发布于 2019-05-13 10:37:42
将CommonModule替换为AppModule中的BrowserModule。
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 {}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56110455
复制相关文章
相似问题
腾讯云开发者
