問題タブ [single-spa-angular]

Angular を使用してwebpack_public_pathを更新しようとしています。single-spa ライブラリを使用していますが、font-awesome フォントの読み込みに問題があります。

サーバーのルート (「/」) でそれらを探していますが、実際にはアプリケーション フォルダー (「/app1」) に存在します。

ファイル set-public-path.ts を作成し、main.single-spa.ts 内にインポートしています。

set-public-path.ts

main.single-spa.ts

アプリケーションが実行されると、正しい URL がログに記録されますが、404 エラーは依然としてルートを探していることを示しています。何が間違っているのかわかりません。SystemJS を使用して、index.html ファイル内にアプリケーションをインポートしています。

環境情報:

次のシングルスパアプリを最初から開始しました。

https://medium.com/@AndrewLocke/creating-a-single-spa-web-application-4e115802f474

angularを使用したかったので、を使用して別のアプリを作成しました

ng new my-app --routing --prefix my-app

アプリは正常に動作していたので、single-spa-angular を追加しました

ng add single-spa-angular

アプリケーションはレンダリングを停止し、angular.version開発ツールでコンソールから呼び出してもエラーが返されます: angular が定義されていません。

このアプリケーションをレンダリングするにはどうすればよいですか? または、開発用のライブ リロードがありますか?

私はこの問題に対する答えを見つけようと探し回っていますが、できません。これがすでに尋ねられている場合は申し訳ありません!

単一のスパを使用して基本的なhtmlページにインポートするいくつかの小さなAngular 9アプリを作成しました。ローカルのさまざまなポートでアプリを実行しています。インポート ステートメントは次のようになります。

そして、アプリが異なるルートで表示されるように、html ページにルートを設定しています。これは、インポートしているアプリケーションの登録からの 1 つの項目です。

これはすべてうまく機能し、私の単純なアプリは正常に表示されます。単純なアプリにいくつかの子ページを追加してメインの「シェル」アプリにルーティングしようとすると、問題が発生します。「localhost:4200/header」に移動すると、インポートした「ヘッダー」アプリが正しく表示されます。そのアプリ内で子ページに移動しようとすると、たとえば、「ヘッダー」アプリ「app-routing-module」で設定したこの子ルート:

] }、

何も起こりません。<router-outlet></router-outlet>「ヘッダー」アプリのランディング ページに次のようなリンクがあります。<a [routerLink]="['./dets']">Dets</a>ただし、メイン アプリで「localhost:4200/header/dets」にルーティングする代わりに、「localhost:4200/dets」への角度ルートをルーティングします。存在しません。私が欠けているものについて何か考えがある人はいますか? どんな助けでも大歓迎です！