fullcalendar''没有导出的成员'选项'.-在Angular中获取错误

时间:2017-12-20 05:37:49

标签: angular fullcalendar fullcalendar-scheduler

我正在逐步遵循这个ApNg2Fullcalendar安装结构,我使用了Angular 5,

但我有以下错误 enter image description here

  

node_modules / AP-angular2-fullcalendar / SRC /日历/ calendar.d.ts(3,10):   错误TS2305:模块''fullcalendar''没有导出成员   “选项”。 node_modules / fullcalendar / DIST / fullcalendar.d.ts(695,36):   错误TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(696,29):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(697,20):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(759,22):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(775,50):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(988,23):错误   TS2304:找不到名称'JQueryEventObject'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(1401,70):错误   TS2304:找不到名称'JQueryAjaxSettings'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(1603,50):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(1623,50):错误   TS2304:找不到名称'JQueryPromise'。   node_modules / fullcalendar / dist / fullcalendar.d.ts(2588,50):错误   TS2304:找不到名称'JQueryPromise'。

如何解决? 我的 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>

6 个答案:

答案 0 :(得分:12)

问题出在ap-angular2-fullcalendar node_modules中的fullcalendar包中。 Fullcalendar已更新 3.8.0 ,但您需要 3.7.0 ... 我的解决方案是......

第1步:npm install fullcalendar@3.7.0 --save;

第2步:在你的package.json中编写/编辑&#39; postinstall &#39; to&#34; rm -Rf ./node_modules/app-angular2-fullcalendar/node_modules&#34;

答案 1 :(得分:1)

我现在找到了一些解决方案,我的工作已经更新为npm install fullcalendar@3.6.1

答案 2 :(得分:1)

这样做 - 您可能正在使用Angular CLI:

function pasc(n) {
     var xx = [];
     var d = 0;
     var result = [];
     result[0] = [1];
     result[1] = [1, 1];
     for (var row = 2; row < n; row++) {
         result[row] = [1];
         for (var col = 1; col <= row - 1; col++) {
             result[row][col] = result[row - 1][col] + result[row - 1][col - 1];

             result[row].push(1);
         }
         for (var ff = 0; ff < result[row].length; ff++) {
             xx[d++] = (result[row][ff]);
         }
     }
     return xx;
 }

 function countInArray(array, what) {
     var count = 0;
     for (var i = 0; i < array.length; i++) {
         if (array[i] === what) {
             count++;
         }
     }
     return count;
 }

 var MAX_NUMBER_TO_SEARCH = 5000;
 var MINIMUM_COUNT = 5;
 var PASC_SIZE = 1000;

 var dataset = pasc(PASC_SIZE);
 for (var i = 0; i < MAX_NUMBER_TO_SEARCH; i++) {
     if (countInArray(dataset, i) >= MINIMUM_COUNT) {
         console.log(i + " Count:" + countInArray(dataset, i) + "\n");
     }
 }

你没有打字

答案 3 :(得分:1)

我也有同样的问题。我解决了将Fullcalendar依赖关系完全更新到版本3.6.1的问题。

  

npm install --save fullcalendar@3.6.1

答案 4 :(得分:1)

问题出在 fullcalendar 包版本中。按照以下命令安装具有正确版本控制的 fullcalendar。工作正常。

第一步:npm install ng-fullcalendar --save; // 版本 ^2.0.3

第2步:npm install @fullcalendar/core@4.0.1 --save;

第三步:npm install @fullcalendar/daygrid@4.0.1 --save;

第四步:npm install @fullcalendar/interaction@4.0.1 --save;

答案 5 :(得分:0)

安装npm install fullcalendar@3.7.0 --save后出现问题

Module ''fullcalendar'' has no exported member 'Options'的角度为8。