我正在开始使用Angular，在我的情况下，问题是在添加'import'语句后还没有保存文件。

在执行Angular的入门教程时，我也在使用stackblitz.com工具使用Angular生成器生成一个名为product-alerts的新组件后收到了这个错误。

'app-product-alerts'不是已知元素:

发现:其他人在2021年8月初也经历过这种情况。目前，它似乎是StackBlitz IDE中的一个bug。 https://github.com/angular/angular/issues/43020

我知道这是一个长期解决的问题，但在我的情况下，我有一个不同的解决方案。 这实际上是我犯的一个错误，也许你也犯了，只是没有完全注意到。我的错误是，我不小心把一个模块，例如MatChipsModule, MatAutoCompleteModule，在声明部分;只由组件组成的部分，例如MainComponent, AboutComponent。这使我其他所有的进口货都认不出来了。

我有一个类似的问题，但没有一个提到的解决方案工作。最后我意识到我有一个路由问题:

我想如果我在应用程序路由中指定我的组件。模块如下:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MainComponent } from './pages/main/main.component';

const routes: Routes = [
  {
    path: '', 
    component: MainComponent
  },
]

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

我将不必在我的AppModule中导入MainModule，这是错误的，因为这里只有组件被导入。MainModule中声明的任何其他组件将不可见，这将导致您所描述的错误消息。

解决方案1: 导入声明模块 解决方案2: 惰性加载组件，如下所示:

const routes: Routes = [
{
    path: '', loadChildren: () => import('path_to_your_module').then(m => m.MainModule)},
}

这是可行的，因为整个模块都导入到这里。

我意识到你在你的例子中没有使用路由，只是把这个发布给其他可能使用路由的人，并无意中发现了这个问题。

在我的例子中，我的应用程序有多层模块，所以我试图导入的模块必须添加到实际使用它的父模块pages.module。Ts，而不是app。module。Ts。

我也遇到了同样的问题，这是因为不同的功能模块错误地包含了这个组件。当把它从其他功能中移除时，它工作了!