使用ComponentModule时找不到角度组件

Question

下午好,

我已经开发了一个模式，是在2页上使用一个“搜索页”和“文章页”。

我已经为组件创建了一个模块，以允许它在2个页面上使用。在搜索页面上，它可以正常工作。将该模块添加到搜索页面search.module.ts的导入中可以让它完美地工作。

当在“文章页”上采取同样的方法时，它给了我：

NG0304: 'app-addtoplanner' is not a known element:
1. If 'app-addtoplanner' is an Angular component, then verify that it is part of this module.
2. If 'app-addtoplanner' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

在控制台中。

我看不出这两个有什么不同。

文章模块(不工作)：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { ArticlesRoutingModule } from './articles-routing';
import { ArticleCardModule } from './article-card/article-card.module';
import { ArticleMainComponent } from './article-main/article-main.component';
import { CheckNewComponent } from './check-new/check-new.component';
import { UserHistoryComponent } from './user-history/user-history.component';
import { UniquePipe } from '../../../services/pipes/UniquePipe';
import { SafePipeModule } from '../../../services/pipes/SafePipe.module';
import { FormsModule } from '@angular/forms';
import { AddToPlannerModule } from './../../planner/add-to-planner.module';
import { JwPaginationModule } from 'jw-angular-pagination';
import { IsEditor, IsStudent } from '../../../services/can-activate-guard.service';
import { ArticleHeaderBarModule } from './articles-header-bar/article-header-bar.module';
import { WikiConverter } from '../../../services/wiki-converter.service';
import { BsModalService, ModalModule } from 'ngx-bootstrap/modal';

@NgModule({
  imports: [
    CommonModule,
    ArticlesRoutingModule,
    FormsModule,
    AddToPlannerModule,
    JwPaginationModule,
    SafePipeModule,
    ArticleCardModule,
    ArticleHeaderBarModule,
    ModalModule,

  ],
  declarations: [
    UniquePipe,
    ArticleMainComponent,
    CheckNewComponent,
    UserHistoryComponent,

  ],
  providers: [
    IsStudent,
    IsEditor,
    WikiConverter,
    BsModalService
  ]
})
export class ArticlesModule { }

搜索模块(工作中)：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { SearchComponent } from './search.component'
import { SearchRoutingModule } from './search-routing'
import { ModalModule, BsModalService } from 'ngx-bootstrap/modal';
import { AddToPlannerModule } from './../../planner/add-to-planner.module'
import { CalendarModule, DateAdapter } from 'angular-calendar';
import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';

@NgModule({
  imports: [
    CommonModule,
    SearchRoutingModule,
    ModalModule,
    AddToPlannerModule,
    OwlDateTimeModule,
    OwlNativeDateTimeModule,
     CalendarModule.forRoot({
      provide: DateAdapter,
      useFactory: adapterFactory,
    }),
  ],
  declarations: [
   SearchComponent,
  ],
  providers: [BsModalService]
})
export class SearchModule { }

模式模块：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { AddToPlannerComponent } from './add-to-planner/add-to-planner.component';
import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
import { CalendarModule, DateAdapter } from 'angular-calendar';
import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    OwlDateTimeModule,
    OwlNativeDateTimeModule,
     CalendarModule.forRoot({
      provide: DateAdapter,
      useFactory: adapterFactory,
    }),
  ],
  declarations: [
    AddToPlannerComponent
  ],
  exports:
  [
    AddToPlannerComponent,
  ]
})
export class AddToPlannerModule {}

谢谢,

Answer 1

您是否尝试将AddToPlannerModule导入到ArticlesModule，它们是两个不同的模块，您需要导入