角度自定義庫的鍵入路徑被弄亂了，我在這里做錯了什么嗎？

Question

因此，我建立了我的第一個自定義角度庫（在后台使用ng-packagr）。 不幸的是，我構建的庫包含本地計算機的相對路徑，這顯然對其他人不起作用。

我創建了一個示例應用程序來測試自定義庫。

動畫動畫

import {animate, state, style, transition, trigger} from '@angular/animations';


export const FLYOUT_ANIMATIONS = trigger('slideContent', [
  state('void', style({transform: 'translate3d(0, 0, 0)', opacity: 0})),
  state('enter_TOP', style({transform: 'none', opacity: 1})),
  state('leave_TOP', style({transform: 'translate3d(0, -25%, 0)', opacity: 0})),
  transition('* => *', animate(ANIMATION_TIMINGS))
]);

export const CARET_ANIMATIONS = trigger('rotateCaret', [
  state('open', style({transform: 'rotate(180deg)'})),
  state('closed', style({transform: 'rotate(0)'})),
  transition('* => *', animate(ANIMATION_TIMINGS))
]);

因此，在構建時會生成一個名為mya.animations.d.ts的文件。 不幸的是，其他任何人都無法解決這些路徑。

export declare const EXPAND_COLLAPSE_ANIMATIONS: import("../../../../../../../../../../Users/mya/Development/mya-angular-libraries/node_modules/@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

export declare const CARET_ANIMATIONS: import("../../../../../../../../../../Users/mya/Development/mya-angular-libraries/node_modules/@angular/animations/src/animation_metadata").AnimationTriggerMetadata;

在我的組件中，我只是通過

@Component({
...
animations: [CARET_ANIMATIONS]
...
})

我不太確定自己在做什么錯。 非常感謝您的幫助:)

Answer 1

您在哪里使用此路徑？ 只需將代碼段粘貼到您正在使用的位置即可。

當您使用構造函數外部定義的變量時，通常會發生這種情況。