【问题标题】:fullcalendar'' has no exported member 'Options'.- getting error in Angularfullcalendar'' 没有导出的成员 'Options'。- 在 Angular 中出现错误
【发布时间】:2017-12-20 05:37:48
【问题描述】:

我正在按照ApNg2Fullcalendar逐步安装结构,我使用Angular 5,

但我有以下错误

node_modules/ap-angular2-fullcalendar/src/calendar/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>

【问题讨论】:

    标签: angular fullcalendar fullcalendar-scheduler


    【解决方案1】:

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

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

    第 2 步:在您的 package.json 中写入/编辑 'postinstall' 到“rm -Rf ./node_modules/app-angular2-fullcalendar/node_modules

    【讨论】:

    • 谢谢先生,我已经安装了这个npm install fullcalendar@3.6.1 现在它的工作了
    • @Ruslan Kovalchuk 我做同样的事情,但没有工作......!
    【解决方案2】:

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

    npm i @types/fullcalendar -s
    

    你没有打字

    【讨论】:

      【解决方案3】:

      我也有同样的问题。我解决了将 fullcalendar 依赖更新到 3.6.1 版的问题。

      npm install --save fullcalendar@3.6.1

      【讨论】:

        【解决方案4】:

        安装后npm install fullcalendar@3.7.0 --save我遇到了问题

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

        【讨论】:

          【解决方案5】:

          我找到了一些解决方案,现在它对我有用,我已更新为 npm install fullcalendar@3.6.1

          【讨论】:

            【解决方案6】:

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

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

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

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

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

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2018-09-04
              • 2018-03-19
              • 2021-11-07
              • 2019-04-13
              • 2017-07-07
              • 2021-07-03
              • 2017-08-29
              • 1970-01-01
              相关资源
              最近更新 更多