-1

我正在使用 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],

谢谢

4

3 回答 3

2

海拉胡尔

  exports: [
        HeaderComponent,
        BannerComponent,
    ],

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

于 2020-08-01T17:04:15.263 回答
0

您只需要一个 exports 属性并在该数组中添加所有需要导出的组件

exports:[HeaderComponent, BannerComponent]
于 2020-08-01T17:05:27.033 回答
0

要导出多个组件，您应该包含在exports数组中

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

您必须将 @NgModule() 中的 {} 视为一个对象。一个对象不能有两个同名的属性。object在考虑@NgModule()的内部时应用了相同的概念。

于 2020-08-01T17:04:07.277 回答