Javascript 子组件没有'；t渲染-角度

我在共享模块上创建了一个子组件，以显示警报消息。但是当我将它注入父组件时，我在控制台中看到了标签，但在组件中没有看到引导卡

alertmessage.component.ts：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'alertmessage',
  templateUrl: './alert-message.component.html',
  styleUrls: ['./alert-message.component.scss']
})
export class AlertMessageComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

alertmessage.component.html：

<div class="card" style="width: 18rem;">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

以下是我的文件夹组成：

Core
Shared
    Components
        alert-message
            .ts
            .html
            .css
    Pipes
    shared.module.ts
Public
Private
    admin
        admin
        qr-code-management
            .ts
            .html
            .css
            create
                .ts
                .html
                .css
            update
                .ts
                .html
                .css
        upload-file
        admin.module.ts
    private.module.ts

admin.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import { ZXingScannerModule } from '@zxing/ngx-scanner';
import { NgxKjuaModule } from 'ngx-kjua';
import { SharedModule } from 'src/app/shared/shared.module';
...

@NgModule({
  declarations: [...],
  imports: [
    CommonModule,
    SharedModule,
    FormsModule, ReactiveFormsModule,
    CKEditorModule,
    ZXingScannerModule,
    NgxKjuaModule
  ],
  exports: [
    FormsModule, ReactiveFormsModule,
    CKEditorModule,
    ZXingScannerModule,
    NgxKjuaModule
  ]
})
export class AdminModule { }

import { NgModule } from '@angular/core';
import { PrivateRoutingModule } from './private-routing.module';
import { SharedModule } from '../shared/shared.module';
import { AdminModule } from './admin/admin.module';

@NgModule({
  declarations: [],
  imports: [
    SharedModule,
    PrivateRoutingModule,
    AdminModule
  ]
})
export class PrivateModule { }

private.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import { ZXingScannerModule } from '@zxing/ngx-scanner';
import { NgxKjuaModule } from 'ngx-kjua';
import { SharedModule } from 'src/app/shared/shared.module';
...

@NgModule({
  declarations: [...],
  imports: [
    CommonModule,
    SharedModule,
    FormsModule, ReactiveFormsModule,
    CKEditorModule,
    ZXingScannerModule,
    NgxKjuaModule
  ],
  exports: [
    FormsModule, ReactiveFormsModule,
    CKEditorModule,
    ZXingScannerModule,
    NgxKjuaModule
  ]
})
export class AdminModule { }

import { NgModule } from '@angular/core';
import { PrivateRoutingModule } from './private-routing.module';
import { SharedModule } from '../shared/shared.module';
import { AdminModule } from './admin/admin.module';

@NgModule({
  declarations: [],
  imports: [
    SharedModule,
    PrivateRoutingModule,
    AdminModule
  ]
})
export class PrivateModule { }

例如在my update.component.html中

<h1 class="card-header blue">QR CODE MANAGEMENT - UPDATE</h1>
<alertmessage></alertmessage>

二维码管理-更新
检查您的实际文件名和您在模板url中使用的文件名，我认为它们是不同的。实际文件名和模板url路径中的文件名应匹配
能否显示您在何处使用此alertMsg组件。我的意思是你在哪里导入了共享模块，父组件在哪里？是的，我编辑了我的帖子