fullcalendar''没有导出成员'选项'.-在Angular中出错 [英] fullcalendar'' has no exported member 'Options'.- getting error in Angular
问题描述
我正在按照这个
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'。
如何解决它？
my index.component.ts
从'@angular'导入{Component} /核心';
导入'Fullcalendar';
$ b @Component（{
选择器：'app-index'，
templateUrl：'./index.component.html'，
styleUrls：['./index.component.css']
}）
导出类IndexComponent {
title ='app';
calendarOptions：Object = {
height：'parent'，
fixedWeekCount：false，
defaultDate：'2016-09-12'，
可编辑：true，
eventLimit：true，//当事件太多时允许更多链接
events：[
{
title：'All Day Event'，
start：'2016-09-01'
}，
{
title：'Long Event'，
start：'2016-09-07'，
end ：'2016-09-10'
}，
{
id：999，
标题：'重复事件'，
开始：'2016-09-09T16 ：00：00'
}，
{
id：999，
标题：'重复事件'，
开始：'2016-09-16T16：00： 00'
}，
{
标题：'会议'，
开始：'2016-09-11'，
结束：'2016-09-13'
}，
{
title：'Meeting'，
start：'2016-09-12T10：3 0:00'，
结束：'2016-09-12T12：30：00'
}，
{
标题：'Lunch'，
start：' 2016-09-12T12：00：00'
}，
{
标题：'会议'，
开始：'2016-09-12T14：30：00'
$，
{
title：'Happy Hour'，
start：'2016-09-12T17：30：00'
}，
{
title：'Dinner'，
start：'2016-09-12T20：00：00'
}，
{
标题：'Birthday Party'，
开始：'2016-09-13T07：00：00'
}，
{
标题：'Click for Google'，
url：'http：// google。 com /'，
start：'2016-09-28'
}
]
};
onCalendarInit（初始化：布尔值）{
console.log（'Calendar initialized'）;
}
}
app.module。 ts
从'ap-angular2-fullcalendar'导入{CalendarComponent};
从'ap-angular2-fullcalendar'导入{CalendarModule};
@NgModule（{
声明：[
AppComponent，
IndexComponent，
CalendarComponent
$，b $ b导入：[
BrowserModule，
NgbModule.forRoot（），
AngularFontAwesomeModule，
routes
]，
index.component.html
< angular2-fullcalendar [options] =calendarOptions（initialized）=onCalendarInit（$ event）>< / angular2 -fullcalendar>
-angular2-fullcalendar node_modules。
Fullcalendar已更新 3.8.0 ，但您需要 3.7.0 ...
我的解决方案是...
第1步： npm install fullcalendar@3.7.0 --save ;
第二步：在你的package.json中写入/编辑' postinstall '
到 rm -Rf ./node_mo dules / app-angular2-fullcalendar / node_modules
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"
这篇关于fullcalendar''没有导出成员'选项'.-在Angular中出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
