Ndtyjky

I'm following this ApNg2Fullcalendar installing structure step by step , Im used Angular 5 ,

but I had following error

node_modules/ap-angular2-fullcalendar/src/calendar/calendar.d.ts(3,10):
error TS2305: Module ''fullcalendar'' has no exported member
'Options'. node_modules/fullcalendar/dist/fullcalendar.d.ts(695,36):
error TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(696,29): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(697,20): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(759,22): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(775,50): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(988,23): error
TS2304: Cannot find name 'JQueryEventObject'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1401,70): error
TS2304: Cannot find name 'JQueryAjaxSettings'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1603,50): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(1623,50): error
TS2304: Cannot find name 'JQueryPromise'.
node_modules/fullcalendar/dist/fullcalendar.d.ts(2588,50): error
TS2304: Cannot find name 'JQueryPromise'.

how to fix it?
my index.component.ts

import { Component,  } from '@angular/core';

import 'Fullcalendar';







@Component({

  selector: 'app-index',

  templateUrl: './index.component.html',

  styleUrls: ['./index.component.css']

})

export class IndexComponent  {

  title = 'app';



  calendarOptions:Object = {

    height: 'parent',

    fixedWeekCount : false,

    defaultDate: '2016-09-12',

    editable: true,

    eventLimit: true, // allow "more" link when too many events

    events: [

      {

        title: 'All Day Event',

        start: '2016-09-01'

      },

      {

        title: 'Long Event',

        start: '2016-09-07',

        end: '2016-09-10'

      },

      {

        id: 999,

        title: 'Repeating Event',

        start: '2016-09-09T16:00:00'

      },

      {

        id: 999,

        title: 'Repeating Event',

        start: '2016-09-16T16:00:00'

      },

      {

        title: 'Conference',

        start: '2016-09-11',

        end: '2016-09-13'

      },

      {

        title: 'Meeting',

        start: '2016-09-12T10:30:00',

        end: '2016-09-12T12:30:00'

      },

      {

        title: 'Lunch',

        start: '2016-09-12T12:00:00'

      },

      {

        title: 'Meeting',

        start: '2016-09-12T14:30:00'

      },

      {

        title: 'Happy Hour',

        start: '2016-09-12T17:30:00'

      },

      {

        title: 'Dinner',

        start: '2016-09-12T20:00:00'

      },

      {

        title: 'Birthday Party',

        start: '2016-09-13T07:00:00'

      },

      {

        title: 'Click for Google',

        url: 'http://google.com/',

        start: '2016-09-28'

      }

    ]

  };



  onCalendarInit(initialized: boolean) {

    console.log('Calendar initialized');

  }



}

app.module.ts

import { CalendarComponent } from 'ap-angular2-fullcalendar';

import { CalendarModule } from 'ap-angular2-fullcalendar';



@NgModule({

  declarations: [

    AppComponent,



    IndexComponent,



    CalendarComponent



  ],

  imports: [

    BrowserModule,

    NgbModule.forRoot(),

    AngularFontAwesomeModule,



    routes





  ],

index.component.html

<angular2-fullcalendar [options]="calendarOptions" (initialized)="onCalendarInit($event)"></angular2-fullcalendar>

The problem is in fullcalendar package inside ap-angular2-fullcalendar node_modules.
Fullcalendar has been updated 3.8.0 but you need 3.7.0...
My solution is...

Step 1: npm install fullcalendar@3.7.0 --save;

Step 2: in your package.json write/edit 'postinstall'
to "rm -Rf ./node_modules/app-angular2-fullcalendar/node_modules"

Just do this - you're probably using the Angular CLI:

npm i @types/fullcalendar -s

You don't have the typings

I Found some solution now its work for me Im Updated to npm install fullcalendar@3.6.1

I had the same problem too. I solved it updating fullcalendar dependecie exactly to version 3.6.1.

npm install --save fullcalendar@3.6.1