0

シナリオ:

を使用してカスタム UI ライブラリを作成しng-packagr、エクスポートされたカスタムcomponentsクラスといくつかのモデル クラスを作成しました。

問題:

メイン プロジェクトでは、importステートメントはエクスポートされたコンポーネントに対しては正常に機能しますが、エクスポートされたクラスに対しては機能せずwebpack、コンパイルに失敗してエラーが発生します。

モジュールが見つかりませんエラーを解決できませんmy-custom-library/models

ライブラリ プロジェクト コード:

モデル クラス: src/app/modules/my-custom-module/models/my-model.ts

export class MyModel {
  constructor() {
    // default values for props here
  }

  // ...props here
}

インデックス ファイル: src/app/modules/my-custom-module/models/index.ts

export * from './my-model';
export * from './my-other-model';

ルートのエクスポート ファイル: models.ts

export * from './src/app/modules/my-custom-module/models/index';

ng-packagrルートのファイル: public_api.ts

export * from './models';

export * from './src/app/modules/my-custom-module/my-custom-module.module';
export * from './src/app/modules/my-custom-module/components/index';

主なプロジェクト コード:

import {MyCustomModule} from 'my-custom-library'; // works
import {MyModel} from 'my-custom-library'; // works
import {MyModel} from 'my-custom-library/models'; // does not works

目的: エンド デベロッパー向けの UI ライブラリ API の簡素化と分割。

webpackVS Code が を認識しimport、インテリセンスが機能し、Ctrl + Click正しいファイルに移動することさえあるため、モジュールの解決のマッピングについて何かが欠けていると思いますがwebpack、コンパイルに失敗します。

Git の問題

4

1 に答える 1