question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

typescript compile errors while import resource-timeline

See original GitHub issue

Bug Reports

Try import '@fullcalendar/resource-timeline'; and get compile errors.

type_errors

Here is my dependencies:


  "dependencies": {
    "@angular/animations": "~7.0.0",
    "@angular/common": "~7.0.0",
    "@angular/compiler": "~7.0.0",
    "@angular/core": "~7.0.0",
    "@angular/forms": "~7.0.0",
    "@angular/http": "~7.0.0",
    "@angular/platform-browser": "~7.0.0",
    "@angular/platform-browser-dynamic": "~7.0.0",
    "@angular/router": "~7.0.0",
    "@fullcalendar/core": "^4.0.2",
    "@fullcalendar/daygrid": "^4.0.1",
    "@fullcalendar/interaction": "^4.0.2",
    "@fullcalendar/angular": "^4.0.2",
    "@fullcalendar/resource-timeline": "^4.0.2",
    "core-js": "^2.5.4",
    "rxjs": "~6.3.3",
    "zone.js": "~0.8.26"
  }

Here is ‘ng build’ errors

ERROR in node_modules/@fullcalendar/core/main.d.ts(2760,14): error TS2484: Export declaration conflicts with exported declaration of ‘OptionsInput’. node_modules/@fullcalendar/core/main.d.ts(2761,26): error TS2484: Export declaration conflicts with exported declaration of ‘EventDef’. node_modules/@fullcalendar/core/main.d.ts(2788,14): error TS2484: Export declaration conflicts with exported declaration of ‘Calendar’. node_modules/@fullcalendar/core/main.d.ts(2795,24): error TS2484: Export declaration conflicts with exported declaration of ‘DateSpanApi’. node_modules/@fullcalendar/core/main.d.ts(2795,37): error TS2484: Export declaration conflicts with exported declaration of ‘DatePointApi’. node_modules/@fullcalendar/core/main.d.ts(2815,35): error TS2484: Export declaration conflicts with exported declaration of ‘CalendarState’. node_modules/@fullcalendar/core/main.d.ts(2824,14): error TS2484: Export declaration conflicts with exported declaration of ‘EventMutation’. node_modules/@fullcalendar/core/main.d.ts(2826,14): error TS2484: Export declaration conflicts with exported declaration of ‘EventApi’. node_modules/@fullcalendar/resource-common/main.d.ts(350,9): error TS2416: Property ‘getKeysForEventDef’ in t ype ‘ResourceSplitter’ is not assignable to the same property in base type 'Splitter<SplittableResourceProps> '. Type ‘(eventDef: import(“@fullcalendar/core”).EventDef) => string[]’ is not assignable to type ‘(eventDef: import(“@fullcalendar/core/structs/event”).EventDef) => string[]’. Types of parameters ‘eventDef’ and ‘eventDef’ are incompatible. Type ‘import(“@fullcalendar/core/structs/event”).EventDef’ is not assignable to type ‘import(“@fullcale ndar/core”).EventDef’. Property ‘resourceIds’ is missing in type ‘EventDef’. node_modules/@fullcalendar/resource-common/main.d.ts(486,9): error TS2416: Property ‘getKeysForEventDef’ in t ype ‘VResourceSplitter’ is not assignable to the same property in base type ‘Splitter<VResourceProps>’. Type ‘(eventDef: import(“@fullcalendar/core”).EventDef) => string[]’ is not assignable to type ‘(eventDef: import(“@fullcalendar/core/structs/event”).EventDef) => string[]’. Types of parameters ‘eventDef’ and ‘eventDef’ are incompatible. Type ‘import(“@fullcalendar/core/structs/event”).EventDef’ is not assignable to type ‘import(“@fullcale ndar/core”).EventDef’. projects/fullcalendar/src/lib/fullcalendar.component.ts(40,25): error TS2693: ‘Calendar’ only refers to a typ e, but is being used as a value here. projects/fullcalendar/src/lib/fullcalendar.component.ts(41,19): error TS2339: Property ‘render’ does not exis t on type ‘Calendar’. projects/fullcalendar/src/lib/fullcalendar.component.ts(72,21): error TS2339: Property ‘setOptions’ does not exist on type ‘Calendar’. projects/fullcalendar/src/lib/fullcalendar.component.ts(77,19): error TS2339: Property ‘destroy’ does not exi st on type ‘Calendar’. src/app/app.component.ts(19,7): error TS2322: Type ‘{ editable: boolean; customButtons: { myCustomButton: { t ext: string; click: () => void; }; }; header: { left: string; center: string; right: string; }; plugins: Plug inDef[]; }’ is not assignable to type ‘OptionsInput’. Object literal may only specify known properties, and ‘editable’ does not exist in type ‘OptionsInput’. src/app/app.component.ts(47,18): error TS2339: Property ‘header’ does not exist on type ‘OptionsInput’.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
Ruben-softourcommented, Oct 14, 2019

I close this issue If you still have questions, I am ready to answer them

I have the same problem ): If you know how to resolve this fix, Could you post it please?

Thank you in advance for your help 😃

0reactions
ridoyraihancommented, Apr 14, 2021

Changing my typescript version fix this issue but gives “Build:Duplicate identifier ‘IteratorResult’.” error.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Typescript compile error with import statements - Stack Overflow
I have a problem with compiling my Typescript with imports of node modules. In my quite old code I have structured my classes/interfaces...
Read more >
Documentation - Migrating from JavaScript - TypeScript
If, for instance, you don't want TypeScript to compile to JavaScript in the face of errors, you can use the noEmitOnError option. In...
Read more >
Solved: TypeScript compile errors - Esri Community
Solved: I have a basic index.ts file: import ArcGISMap from '@arcgis/core/Map'; import MapView from '@arcgis/core/views/MapView'; ...
Read more >
Vue Component - Docs - FullCalendar
Here is an example that demonstrates passing in an events array and a dateClick handler: <script> import FullCalendar from ...
Read more >
Understanding TypeScript's “Compilation Process” & the ...
When you run tsc command in a directory, TypeScript compiler looks ... But since we have imported the ignore.ts file inside src/c.ts ,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found