title: Angular . AppComponent.html:3 ERROR Error: No available FullCalendar view plugins
body: <p>I got the trouble in angular fullcanlendar module, i am sure i have typed 'npm install --save ng-fullcalendar'. The ng-fullcalendar shows in node_modules folder. but when i type 
  in the app.component.html, the error shows.</p>
  
  <pre><code>AppComponent.html:3 ERROR Error: No available FullCalendar view plugins.
  at reduceDateProfile (main.js:5565)
  at reduce (main.js:5527)
  at Calendar.reduce (main.js:6652)
  at Calendar.dispatch (main.js:6610)
  at main.js:6583
  at Calendar.batchRendering (main.js:6673)
  at Calendar.hydrate (main.js:6580)
  at new Calendar (main.js:6490)
  at CalendarComponent.push../node_modules/ng-fullcalendar/fesm5/ng-fullcalendar.js.CalendarComponent.ngAfterViewInit (ng-fullcalendar.js:91)
  at callProviderLifecycles (core.js:22416)
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import {FullCalendarModule} from 'ng-fullcalendar';
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  import {FormsModule} from '@angular/forms';
  import {EventService} from './event.service';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      AppRoutingModule,
      FullCalendarModule,
      FormsModule
    ],
    providers: [EventService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;Display event : {{displayEvent | json}}&lt;/p&gt;
  &lt;div *ngIf="calendarOptions"&gt;
    &lt;ng-fullcalendar #ucCalendar [options]="calendarOptions" (eventClick)="eventClick($event.detail)" (eventDrop)="updateEvent($event.detail)"
                     (eventResize)="updateEvent($event.detail)" (clickButton)="clickButton($event.detail)"&gt;&lt;/ng-fullcalendar&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>