問題タブ [single-spa]

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

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」への角度ルートをルーティングします。存在しません。私が欠けているものについて何か考えがある人はいますか? どんな助けでも大歓迎です！

私は反応するのが初めてです..Single-SPAに移行した反応アプリケーションがあります。私のアプリケーションをマスターアプリケーション（多くのVueシングルスパアプリケーションを持つプラットフォーム）と統合するために、私は次のように再構築しました

MainApp - プロセスに関連するすべてのページが含まれます - localhost:3000 で実行されます

root-html-file - 1 つの index.html および package.json ファイル index.html が含まれます (localhost:5000 で実行 - SPA によって生成)

コード: root-html-file -> index.html

myapp アプリケーションはスタンドアロンとして正常に動作します。myapp アプリケーションをロードする root-html-file アプリケーション (npm run serve) を実行している場合にのみ、CROS オリジンの問題が発生します。スクリーンショットを見つけて、 ここに画像の説明を入力してください

方向が間違っている場合はご案内ください。