title: Error: Fullpage.js can only be initialized once
body: <p>I followed the docs however I'm still getting this error in the console:</p>
  
  <blockquote>
    <p>Fullpage.js can only be initialized once</p>
  </blockquote>
  
  <p>Link to the docs: <a href="https://github.com/meiblorn/ngx-fullpage/wiki/Usage:-Angular-CLI-(Recommended)" rel="nofollow noreferrer">https://github.com/meiblorn/ngx-fullpage/wiki/Usage:-Angular-CLI-(Recommended)</a></p>
  
  <p><strong>app.module.js</strong></p>
  
  <pre><code>import { MnFullpageModule } from 'ngx-fullpage';
  
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      MnFullpageModule.forRoot() // Don't forget to call .forRoot() static method
    ],
    providers: [],
    bootstrap: [ AppComponent ]
  })
  export class AppModule { }
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;div mnFullpage&gt;
    &lt;div class="section welcome-section fp-section fp-table"&gt;
      &lt;div class="fp-tableCell"&gt;
        1
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="section welcome-section fp-section fp-table"&gt;
      &lt;div class="fp-tableCell"&gt;
        2
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="section welcome-section fp-section fp-table"&gt;
      &lt;div class="fp-tableCell"&gt;
        3
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import { Component, OnInit, OnDestroy, Input } from '@angular/core';
  import { MyDataService } from './my-data.service';
  import { MnFullpageOptions, MnFullpageService } from 'ngx-fullpage';
  
  @Component({
    selector: 'app',
    providers: [MyDataService],
    templateUrl: './page-content.component.html',
    styleUrls: ['./page-content.component.css']
  })
  export class AppComponent implements OnInit, OnDestroy {
    single_post = ''; 
    posts = [];
    throttle = 300;
    scrollDistance = 50;
    no_of_post = 5;
    mnFullpageService: any;
    constructor(private newService: MyDataService, public fullpageService: MnFullpageService) {
        this.addItems(0, this.no_of_post);
        this.mnFullpageService = fullpageService;
    }
  
  
    ngOnInit() {
  
    }
  
  ngOnDestroy() {
        console.log('destroying...');
        this.mnFullpageService.destroy('all');
  }
  
  
    addItems(startIndex, endIndex) {
      for (let i = startIndex; i &lt; endIndex; ++i) {
          this.newService.fetchData().subscribe(data=&gt;{
             this.single_post = data[i];
             this.posts.push(this.single_post);
          }); 
      }
    }
  </code></pre>