問題タブ [micro-frontend]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
274 参照

reactjs - React Portal を介して親 DOM にレンダリングする iFrame で実行されているアプリ

だから私はこのようなアプリケーションアーキテクチャを持っています。親アプリは、プラグインの読み込み、サービス通信、およびアプリ バーの所有を処理するシェルです。別のサーバーから提供される「コンテンツ プラグイン」を読み込むことができます (現在、これらは iframe でレンダリングされる反応アプリです)。親子通信はpostMessageを介して行われます

子がそのナビゲーション モデルをレンダリングできる親アプリ バー内にコンテナーを公開したいと考えています。子は独自の iframe で実行されるため、これは困難です。

達成しようとしていることは可能ですか?そうでない場合、iframeを使用せずにユースケースをサポートするためにこれを再構築する方法はありますか

0 投票する
1 に答える
399 参照

javascript - vue と reactjs で単一スパ マイクロ フロントエンドを使用するとレイアウトが崩れる

シングル スパ プロジェクトで問題が発生しました。理由はわかりませんが、ヘッダーが下部にあり、その上にコンテンツが表示されたり、フッターの下にコンテンツが表示されたりするなど、シングル スパがレイアウトを壊すことがあります。

シングルスパがわからない場合は、https ://single-spa.js.org/docs/examples で読むことができます。

これは私の登録アプリです:

これは私のアクティビティ関数です:

見やすくするために、これはレイアウト ブレークの例です。

これは、コンテンツがナビゲーションバーの上にあるときの休憩を示しています

これにより、フッターの下のコンテンツが表示されます

これは、ナビゲーションバーとフッターの真ん中にコンテンツが欲しいものです

vue&でシングルスパを使用していますreact

誰かがこれを解決するのを手伝ってくれますか? 私はこのレイアウトの中断についてかなり混乱しています