Angular2无法识别导入模块中的组件

我在玩Angular2，试图让一个模块（

breadcrumbdemodule

）导入另一个模块（

breadcrumbdemodule

）的组件

目前，breadcrumb模块只包含一个组件：

ng2 breadcrumb

。但是，当我尝试在

breadcrumbdemodule

中使用此组件时，会收到错误消息：

“ng2面包屑”不是已知元素

我想我一定是在什么地方漏掉了一行字，希望有人能指出我做错了什么

提前非常感谢

面包屑模块的文件

breadcrumb.component.html：

THIS IS A BREADCRUMB TEST

breadcrumb.component.ts：

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

@Component({
  selector: 'ng2-breadcrumb',
  template: require('./breadcrumb.component.html')
})
export class BreadcrumbComponent {}

import { Component } from '@angular/core';
import { BreadcrumbModule } from './../index';

@Component({
  selector: 'ng2-breadcrumb-demo',
  template: require('./breadcrumb-demo.component.html')
})
export class BreadcrumbDemoComponent {}

组件/breadcrumb/index.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BreadcrumbComponent } from './breadcrumb.component';

@NgModule({
  imports: [
    BrowserModule //for later use
  ],
  declarations: [
    BreadcrumbComponent
  ]
})
export class BreadcrumbModule {}

面包屑模块的文件

breadcrumb-demo.component.html：

<ng2-breadcrumb></ng2-breadcrumb>

组件/breadcrumb/demo/index.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BreadcrumbModule } from './../index';
import { BreadcrumbDemoComponent } from './breadcrumb-demo.component';

@NgModule({
  imports: [
    BreadcrumbModule,
    BrowserModule,
  ],
  declarations: [
    BreadcrumbDemoComponent
  ]
})
export class BreadcrumbDemoModule {}

---

您必须将

BreadcrumbComponent

添加到导出数组中，并且只导入

CommonModule

。您只能在应用程序中导入BrowserModule一次（通常在引导模块中）：

---

声明

数组中的内容是模块本身中使用的组件/指令/管道。如果您想向导入您的模块的其他模块公开这些，则应将它们添加到

导出

阵列

谢谢！我知道我错过了一些明显的东西。这是我通过查看教程示例而不是直接参考API文档而获得的。您可以在这里找到最好的教程和指南，同时也可以在这里找到API；）

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [
    BreadcrumbComponent
  ],
  exports: [
    BreadcrumbComponent
  ]
})
export class BreadcrumbModule {}