Complication Errors when using Angular 5.0.3

[mydoal]

It seems that although the documentation claims support for Angular 5+, when trying to compile versions 1.0.1-1.0.6, there are many compilation errors.

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 1
'=' expected.

   L1:  export declare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTrigger
   L2:  export declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 2
'=' expected.

   L1:  export declare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
   L2:  export declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMet

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/hsla-input/hsla-input.component.d.ts, line: 12
'=' expected.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/hsla.class").Hsla;
  L13:  onInputChange(newValue: number, color: 'H' | 'S' | 'L' | 'A'): void;

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/rgba-input/rgba-input.component.d.ts, line: 12
'=' expected.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/rgba.class").Rgba;
  L13:  onInputChange(newValue: number, color: 'R' | 'G' | 'B' | 'A'): void;

[01:53:53] typescript: ...m-working.camera/node_modules/@iplab/ngx-color-picker/helpers/control.class.d.ts, line: 23
'=' expected.

  L22:  readonly alphaChannelVisibilityChanges: BehaviorSubject<boolean>;
  L23:  readonly valueChanges: import("rxjs/internal/Observable").Observable<Color>;
  L24:  private colorPresets;

[01:53:53] typescript: ...m-working.camera/node_modules/@iplab/ngx-color-picker/helpers/control.class.d.ts, line: 23
'(' expected.

  L22:  readonly alphaChannelVisibilityChanges: BehaviorSubject<boolean>;
  L23:  readonly valueChanges: import("rxjs/internal/Observable").Observable<Color>;
  L24:  private colorPresets;

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 1
Cannot find name 'import'.

   L1:  export declare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTrigger
   L2:  export declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 1
Property 'AnimationTriggerMetadata' does not exist on type '"@angular/animations/src/animation_metadata"'.

   L1:  lare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
   L2:  export declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 2
Cannot find name 'import'.

   L1:  export declare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
   L2:  export declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMet

[01:53:53] typescript: ...picker/components/parts/color-preset-sublist/color-preset-sublist.animation.d.ts, line: 2
Property 'AnimationTriggerMetadata' does not exist on type '"@angular/animations/src/animation_metadata"'.

   L1:  export declare const OpacityAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;
   L2:  declare const ListAnimation: import("@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/hsla-input/hsla-input.component.d.ts, line: 12
Cannot find name 'import'.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/hsla.class").Hsla;
  L13:  onInputChange(newValue: number, color: 'H' | 'S' | 'L' | 'A'): void;

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/hsla-input/hsla-input.component.d.ts, line: 12
Property 'Hsla' does not exist on type '"../../../../helpers/hsla.class"'.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/hsla.class").Hsla;
  L13:  onInputChange(newValue: number, color: 'H' | 'S' | 'L' | 'A'): void;

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/rgba-input/rgba-input.component.d.ts, line: 12
Cannot find name 'import'.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/rgba.class").Rgba;
  L13:  onInputChange(newValue: number, color: 'R' | 'G' | 'B' | 'A'): void;

[01:53:53] typescript: ...ab/ngx-color-picker/components/parts/inputs/rgba-input/rgba-input.component.d.ts, line: 12
Property 'Rgba' does not exist on type '"../../../../helpers/rgba.class"'.

  L11:  alpha: boolean;
  L12:  readonly value: import("../../../../helpers/rgba.class").Rgba;
  L13:  onInputChange(newValue: number, color: 'R' | 'G' | 'B' | 'A'): void;

[01:53:53] typescript: ...m-working.camera/node_modules/@iplab/ngx-color-picker/helpers/control.class.d.ts, line: 23
Cannot find name 'import'.

  L22:  readonly alphaChannelVisibilityChanges: BehaviorSubject<boolean>;
  L23:  readonly valueChanges: import("rxjs/internal/Observable").Observable<Color>;
  L24:  private colorPresets;

[01:53:53] typescript: ...m-working.camera/node_modules/@iplab/ngx-color-picker/helpers/control.class.d.ts, line: 23
Property 'Observable' does not exist on type '"rxjs/internal/Observable"'.

  L22:  readonly alphaChannelVisibilityChanges: BehaviorSubject<boolean>;
  L23:  readonly valueChanges: import("rxjs/internal/Observable").Observable<Color>;

[pIvan]

Hi @mydoal, can you provide me with a package.json for review to see if anything is missing, perhaps you missed including the Angular animation module? Which TypeScript version do you use?

[mydoal]

Thank you for the prompt reply.
The Angular animation is already imported in the module.
The TypeScript version is "typescript": "2.6.2".

[pIvan]

Please, can you provide me with a package.json file as I am having trouble setting up my environment for Angular version 5?