Angular2 Component declared in multiple modules
<p>My Angular2 RC6 application has two modules and I'm not sure how to declare a shared component.  </p>

<p>I have a component named spinnerComponent that is used throughout the application.  I defined it in app.modules.as:</p>

<pre><code>@NgModule({
    imports: [BrowserModule, routing,RepairReturnModule],
    providers: [ ],
    declarations: [AppComponent,SpinnerComponent],
    bootstrap: [AppComponent]
})
</code></pre>

<p>Then in RepairreturnModule I define it again as:</p>

<pre><code>@NgModule({
    imports: [CommonModule],
    declarations: [
        SpinnerComponent
    ],
    providers: []
})
</code></pre>

<p>As expected, I get:</p>

<blockquote>
  <p>Type SpinnerComponent is part of the declarations of 2 modules:
  RepairReturnModule and AppModule</p>
</blockquote>

<p>I removed SpinnerComponent from the declaration in RepairreturnModule as then I get:</p>

<blockquote>
  <p>Unhandled Promise rejection: Template parse errors: Can't bind to
  'isRunning' since it isn't a known property of 'spinner-component'.
  1. If 'spinner-component' is an Angular component and it has 'isRunning' input, then verify that it is part of this module.
  2. If 'spinner-component' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component
  to suppress this message. ... which indicated that it is not declared.</p>
</blockquote>

<p>What am I missing?</p>