title: Ionic 3 Import Custom Component
body: <p>I'm stuck with importing a custom component into a page in Ionic 3. This was relatively trivial in Ionic 2 but I cant seem to get it to work in Ionic 3.</p>
  
  <p>I have an existing page module named <code>other</code>.After running <code>ionic g component test</code>, I import the automatically generated <code>ComponentsModule</code> into the <code>other.module.ts</code> and added it to the <code>imports</code> array.</p>
  
  <pre><code>import { ComponentsModule } from "../../components/components.module";
  @NgModule({
    declarations: [
      OtherPage,
    ],
    imports: [
      IonicPageModule.forChild(OtherPage),
      ComponentsModule,
  
      ],
  })
  export class OtherPageModule {}
  </code></pre>
  
  <p>I then add the component selector to the page as <code>&lt;test&gt;&lt;/test&gt;</code>.</p>
  
  <p>This results in an error :</p>
  
  <pre><code>polyfills.js:3 Unhandled Promise rejection: Template parse errors:
  'test' is not a known element:
  1. If 'test' is an Angular component, then verify that it is part of this module.
  2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
  
  &lt;ion-content padding&gt;
  [ERROR -&gt;]&lt;test&gt; &lt;/test&gt;
  &lt;/ion-content&gt;
  "): ng:///AppModule/OtherPage.html@16:0 ; Zone: &lt;root&gt; ; Task: Promise.then ; Value: Error: Template parse errors:
  'test' is not a known element:
  1. If 'test' is an Angular component, then verify that it is part of this module.
  </code></pre>
  
  <p>This does not work for me. I also tried to create an <code>module</code> for the test component and imported it in the same manner but this does not work for me.</p>
  
  <p>I cant seem to find any documentation or examples for this.How are custom component imported in Ionic 3?</p>