Angular2开发报错：'product'不是已知元素的问题求助

嘿，这个报错在Angular新手开发里超常见，我帮你拆解两种解决思路，完全对应报错里的两个提示：

情况1：'product'是你自己写的Angular组件 #

这是最大概率的原因——你创建了ProductComponent，但没把它注册到当前模块里。按下面步骤来：

1. 打开你的app.module.ts文件（和app.component.ts同目录）
2. 先导入你的ProductComponent，注意文件路径要和你的实际位置匹配：

   import { ProductComponent } from './product/product.component'; // 比如你的组件在product文件夹下
   

3. 在@NgModule的declarations数组里添加这个组件：

   @NgModule({
     declarations: [
       AppComponent,
       ProductComponent // 把组件加到这里！
     ],
     // ...其他配置（imports、providers等）
   })
   

如果你的ProductComponent是在另一个独立模块（比如ProductModule）里，那还要在AppModule的imports数组里导入那个模块：

imports: [
  BrowserModule,
  ProductModule // 导入存放product组件的模块
]

情况2：'product'是普通HTML元素/非Angular组件 #

如果你只是想用<product>作为自定义HTML标签，不是Angular组件，那就在模块里添加NO_ERRORS_SCHEMA来忽略未知元素：

1. 导入NO_ERRORS_SCHEMA：

   import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
   

2. 在@NgModule的schemas数组里加入它：

   @NgModule({
     // ...其他配置（declarations、imports等）
     schemas: [NO_ERRORS_SCHEMA]
   })
   

⚠️ 注意：这种方法算是“偷懒”方案，不推荐在正规项目里常用，因为会掩盖真正的组件注册错误。

内容的提问来源于stack exchange，提问作者Taru90