2017-12-20 20 views
2
角度

でオプション」.-取得中にエラー「は、エクスポートメンバーを持っていない」、Imが使用fullcalendarは、「私はステップによって、この<a href="https://github.com/lbertenasco/ap-ng2-fullcalendar-demo" rel="nofollow noreferrer">ApNg2Fullcalendar</a>取り付け構造のステップを以下のよ

が、私は、次のいたエラー、5角 enter image description here

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> 

答えて

7

問題がfullcalendarパッケージでありますinside ap-angular2-fullcalendar node_modules。 Fullcalendarは3.8.0を更新されていますが、あなたは... 3.7.0が... 私の解決策がある必要

ステップ1:npm install [email protected] --save

ステップ2:あなたのpackage.jsonの書き込み/編集の 'インストール後' に "のrm -Rf ./node_modules/app-angular2-fullcalendar/node_modules"

+1

私はこの 'npm install fullcalendar @ 3.6.1'の仕事をインストールしました – core114

+1

@Ruslan Kovalchuk同じことを私はしていますが、作業していません...! – Kansara

+0

@Kansaraこれを試してください 'npm install fullcalendar @ 3.6.1' – core114

1

私は現在、いくつかの解決策を見つけました私のために働きますnpm install [email protected]

関連する問題

 関連する問題