Angular 10:如何在一个模块中导出多个组件

拉胡尔·辛格

我正在使用 Angular 10 版本。有一些类似的问题,但他们没有解决我的问题。

在我的 Angular 项目中,我制作了两个名为和 的模块模块有 10 个组件我想在app.component.html 中使用所有这些组件poststaticpost

我试过的

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

import { PostRoutingModule } from './post-routing.module';
import { ServiceofferedComponent } from './serviceoffered/serviceoffered.component';
import { FeaturesComponent } from './features/features.component';
import { WorksampleComponent } from './worksample/worksample.component';
import { PricingComponent } from './pricing/pricing.component';
import { LoginComponent } from './login/login.component';
import { SignupComponent } from './signup/signup.component';
import { ChooseserviceComponent } from './chooseservice/chooseservice.component';
import { DisplayresultComponent } from './displayresult/displayresult.component';
import { HeaderComponent } from './header/header.component';
import { BannerComponent } from './banner/banner.component';






@NgModule({
  declarations: [ ServiceofferedComponent, FeaturesComponent, WorksampleComponent, PricingComponent, LoginComponent, SignupComponent, ChooseserviceComponent, DisplayresultComponent, HeaderComponent, BannerComponent],
  imports: [
    CommonModule,
    PostRoutingModule
  ],
  exports:[HeaderComponent],
  exports:[BannerComponent],


  
  
})
export class PostModule { }

我尝试使用exports:[BannerComponent],. 第一次出口没问题。它没有显示任何错误,但对于第二个它显示错误。我有更多的组件,我将如何导出,如果没有导出,我将无法使用app.component.html

我有错误

   
    ERROR in src/app/post/post.module.ts:28:3 - error TS1117: An object literal cannot have multiple properties with the same name in strict mode.
    
    28   exports:[BannerComponent],
         ~~~~~~~
    src/app/post/post.module.ts:28:3 - error TS2300: Duplicate identifier 'exports'.
    
    28   exports:[BannerComponent],

谢谢

程序类

海拉胡尔

  exports: [
        HeaderComponent,
        BannerComponent,
    ],

只写一次,对于你必须导出的模块。我希望它有帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在另一个Angular应用程序中导入Angular Web组件

Angular 4如何在同级模块组件中使用另一个模块组件

Angular 共享模块导出由另一个模块导入的组件

如何在 Angular 12 中将一个延迟加载模块组件访问到另一个延迟加载模块组件?

Angular:如何在不同模块的不同组件之间共享一个组件,反之亦然

如何在 Angular 中导出两个构造函数?

Angular:如何从不同模块中的另一个组件调用组件方法

在Angular 8中导航到另一个组件后如何保存组件的状态

在Angular模块中导出枚举

Angular 7-如何将一个组件与不同模块一起使用

Angular,如何在延迟加载的模块中包含多个组件?

Angular:模块或组件对应一个页面?

angular6如何在另一个库中导入一个库?

在Angular 4中的多个模块中导入组件

Angular 2-无法在组件声明中导入另一个组件

如何在另一个模块中使用一个模块并在 angular 8 中路由它?

如何在Angular中的另一个动态加载的组件内渲染组件?

如何在Angular 2中将组件导入另一个根组件

如何在angular 7中动态传递另一个组件中的组件

如何在Angular2的另一个组件中放置一个组件?

如何在Angular 2中从一个组件调用方法到另一个组件?

Angular2如何在另一个组件中使用一个组件功能

如何在 Angular 中将数据从一个组件发送到另一个组件?

如何在angular 8中从一个组件访问另一个组件的div id

如何在 Angular 5 中将服务数据从一个组件传递到另一个组件

Angular 模块/组件 - 单独显示以及在另一个模块/组件内显示?

Angular 2+,有什么方法可以声明一个模块中的所有组件,然后在 app.module.ts 中导入?

在NodeJS的一个模块中导出多个功能

在一个文件中导出多个模块