web-dev-qa-db-fra.com

fullcalendar '' n'a pas de membre exporté 'Options' .- obtenir une erreur dans Angular

Je suis cette ApNg2Fullcalendar installation de la structure étape par étape, Im utilisé Angular 5, 

mais j'ai eu l'erreur suivante  enter image description here

node_modules/ap-angular2-fullcalendar/src/calendar/calendar.d.ts (3,10): erreur TS2305: Le module '' calendrier complet '' n'a pas de membre exporté "Options". node_modules/fullcalendar/dist/fullcalendar.d.ts (695,36): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (696,29): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (697,20): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (759,22): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (775,50): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (988,23): erreur TS2304: Impossible de trouver le nom 'JQueryEventObject' . node_modules/fullcalendar/dist/fullcalendar.d.ts (1401,70): erreur TS2304: Impossible de trouver le nom 'JQueryAjaxSettings' . node_modules/fullcalendar/dist/fullcalendar.d.ts (1603,50): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (1623,50): erreur TS2304: Impossible de trouver le nom 'JQueryPromise' . node_modules/fullcalendar/dist/fullcalendar.d.ts (2588,50): erreur TS2304: Impossible de trouver le nom 'JQueryPromise'.

comment y remédier? 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>
angularfullcalendarfullcalendar-scheduler
8
core114

Le problème se situe dans le paquetage fullcalendar dans ap-angular2-fullcalendar node_modules . Fullcalendar a été mis à jour 3.8.0 mais vous avez besoin de 3.7.0 ... Ma solution est ...

Étape 1: npm install [email protected] --save;

Étape 2: dans votre package.json, écrivez/éditez ' postinstall ' Sur "rm -Rf ./node_modules/app-angular2-fullcalendar/node_modules"

10
Ruslan Kovalchuk

Faites juste ceci - vous utilisez probablement la CLI Angular:

npm i @types/fullcalendar -s

Vous n'avez pas les tapages

1
Devin McQueeney

J'ai trouvé une solution maintenant son travail pour moi Im Mis à jour en npm install [email protected]

1
core114

J'ai eu le même problème aussi. Je l'ai résolu en mettant à jour intégralement le calendrier, dépendant exactement de la version 3.6.1.

npm install --save [email protected]

0
Mati Cassanelli