search

pIvan / ngx-color-picker

Pure Angular color picker library.
MIT License
94 stars 17 forks source link

Complication Errors when using Angular 5.0.3 #79

Open mydoal opened 9 months ago

mydoal commented 9 months ago

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 commented 9 months ago

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 commented 9 months ago

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

pIvan commented 9 months ago

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