title: Nebular nb-layout is missing
body: <p>I am trying use your Nebular for the first time, so I created an app using ng new and I am getting these errors in my home screen.</p>
  
  <p>I have a routing module that was created when I created the app.  </p>
  
  <p>Can someone tell me what changes I need to get the homescreen to display the layout?</p>
  
  <p>My apologies for formatting.  I had to duplicate this from an email.</p>
  
  <p>On another post, it was mentioned that one should copy the @themes from the admin example, but that just got ugly.</p>
  
  <p>The errors and code are posted below.</p>
  
  <p>Thank you for any help.</p>
  
  <pre><code>    Error: Template parse errors:
  'nb-layout-header' is not a known element:
  1. If 'nb-layout-header' is an Angular component, then verify that it is part of this module.
  2. If 'nb-layout-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
  &lt;/ul&gt; --&gt;
  &lt;nb-layout&gt;
    [ERROR -&gt;]&lt;nb-layout-header fixed&gt;Company Name&lt;/nb-layout-header&gt;
  
    &lt;nb-sidebar&gt;Sidebar Content&lt;/nb-sidebar&gt;
  "): ng:///AppModule/HomescreenComponent.html@23:2
  'nb-sidebar' is not a known element:
  1. If 'nb-sidebar' is an Angular component, then verify that it is part of this module.
  2. If 'nb-sidebar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
    &lt;nb-layout-header fixed&gt;Company Name&lt;/nb-layout-header&gt;
  
    [ERROR -&gt;]&lt;nb-sidebar&gt;Sidebar Content&lt;/nb-sidebar&gt;
  
    &lt;nb-layout-column&gt;Page Content&lt;/nb-layout-column&gt;
  "): ng:///AppModule/HomescreenComponent.html@25:2
  'nb-layout-column' is not a known element:
  1. If 'nb-layout-column' is an Angular component, then verify that it is part of this module.
  2. If 'nb-layout-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
    &lt;nb-sidebar&gt;Sidebar Content&lt;/nb-sidebar&gt;
  
    [ERROR -&gt;]&lt;nb-layout-column&gt;Page Content&lt;/nb-layout-column&gt;
  &lt;/nb-layout&gt;
  "): ng:///AppModule/HomescreenComponent.html@27:2
  'nb-layout' is not a known element:
  1. If 'nb-layout' is an Angular component, then verify that it is part of this module.
  2. If 'nb-layout' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
    &lt;/li&gt;
  &lt;/ul&gt; --&gt;
  [ERROR -&gt;]&lt;nb-layout&gt;
    &lt;nb-layout-header fixed&gt;Company Name&lt;/nb-layout-header&gt;
  
  "): ng:///AppModule/HomescreenComponent.html@22:0
  
      Here is my app.module.ts:
  
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { NbThemeModule } from '@nebular/theme'
  
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  import { HomescreenComponent } from './homescreen/homescreen.component';
  
  @NgModule({
    declarations: [
      AppComponent,
      HomescreenComponent
    ],
    imports: [
      BrowserModule,
      AppRoutingModule,
      NbThemeModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  
  
  Here is my app.component.ts:
  
  import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'niche-app';
  }
  
  
  Here is my app.component.html file:
  
  &lt;!--The content below is only a placeholder and can be replaced.--&gt;
  &lt;!-- &lt;div style="text-align:center"&gt;
    &lt;h1&gt;
      Welcome to {{ title }}!
    &lt;/h1&gt;
    &lt;img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="&gt;
  &lt;/div&gt;
  &lt;h2&gt;Here are some links to help you start: &lt;/h2&gt;
  &lt;ul&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://angular.io/tutorial"&gt;Tour of Heroes&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://angular.io/cli"&gt;CLI Documentation&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://blog.angular.io/"&gt;Angular blog&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
  &lt;/ul&gt; --&gt;
  &lt;!-- &lt;app-homescreen&gt;&lt;/app-homescreen&gt; --&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
  Here is my homescreen.module.ts:
  
  import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { HomescreenComponent } from './homescreen.component';
  import { RouterModule } from '@angular/router';
  import { NbLayoutModule, NbSidebarModule, NbSidebarService } from '@nebular/theme';
  
  @NgModule({
    declarations: [HomescreenComponent],
    imports: [
      CommonModule,
      RouterModule,
      NbLayoutModule,
      NbSidebarModule
    ],
    providers: [NbSidebarService]
  })
  export class HomescreenModule { }
  
  Here is my  homescreen.component.ts:
  
  import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-homescreen',
    templateUrl: './homescreen.component.html',
    styleUrls: ['./homescreen.component.css']
  })
  export class HomescreenComponent implements OnInit {
    title = 'niche-app Home';
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  
  Here is my homescreen.component.html:
  &lt;p&gt;
    homescreen works!
  &lt;/p&gt;
  &lt;!--The content below is only a placeholder and can be replaced.--&gt;
  &lt;!-- &lt;div style="text-align:center"&gt;
    &lt;h1&gt;
      Welcome to {{ title }}!
    &lt;/h1&gt;
    &lt;img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="&gt;
  &lt;/div&gt;
  &lt;h2&gt;Here are some links to help you start: &lt;/h2&gt;
  &lt;ul&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://angular.io/tutorial"&gt;Tour of Heroes&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://angular.io/cli"&gt;CLI Documentation&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;h2&gt;&lt;a target="_blank" rel="noopener" href="https://blog.angular.io/"&gt;Angular blog&lt;/a&gt;&lt;/h2&gt;
    &lt;/li&gt;
  &lt;/ul&gt; --&gt;
  &lt;nb-layout&gt;
    &lt;nb-layout-header fixed&gt;Company Name&lt;/nb-layout-header&gt;
  
    &lt;nb-sidebar&gt;Sidebar Content&lt;/nb-sidebar&gt;
  
    &lt;nb-layout-column&gt;Page Content&lt;/nb-layout-column&gt;
  &lt;/nb-layout&gt;
  
  This is my app-routing.module.ts:
  
  import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { HomescreenComponent } from './homescreen/homescreen.component';
  
  const routes: Routes = [
    { path: '', component: HomescreenComponent },
    { path: '*', component: HomescreenComponent },
    // { path: '', redirectTo: '/home', pathMatch: 'full'},
    { path: 'home', component: HomescreenComponent }
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>