問題タブ [single-spa]
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.
jquery - Font Awesome と JQuery が Single SPA Angular アプリで機能しない
「npm install --save bootstrap jquery@3.4.1 font-awesome」を使用して、font-awesome と jquery およびブートストラップをインストールした単一スパの角度付きアプリを作成しました。その後、angular.json ファイル内でこの js と css の URL を提供したので、直面している問題は、このアプリケーションを通常の角度モードで実行しているときに jquery と font-awesome が正常に動作することですが、実行しようとすると問題が発生します。シングルスパモードでこのアプリケーション。シングルスパモードではjQueryとfont-awesomeが機能していませんが、ブートストラップスタイルが機能していることを理解できませんが、angular.jsonファイルでfont-awesomeのURLを提供したにもかかわらず、font-awesomeの問題に直面しているのはなぜですかブートストラップの URL を提供しているのと同じ方法です。
注：既存の角度アプリのルートフォルダー内で「ng add single-spa-angular」コマンドを実行して、この単一のスパ角度アプリケーションを作成しました。
「ng serve -o」コマンドを使用して、アプリを通常の角度モードで実行できます。ただし、このアプリケーションをシングルスパ モードで実行するには、「npm run serve:single-spa:」というコマンドを実行する必要があります。
ありがとう
javascript - publicPath は機能しませんが、 __webpack_public_path__ は機能します
シングル SPA アプリケーションを構築していますが、展開に向けて問題に直面しています。各アプリをサブディレクトリ (app-bar-mf、products-mf など) 内にデプロイし、root-config (メイン アプリケーション) をベースにデプロイします。
ローカルで作業する場合、各アプリは独自のサーバー (localhost:9000、localhost:9001 など) を介して提供されるため、ここにサブディレクトリはありません。
デプロイしようとすると、publicPath が使用されず、アセットは「/products-mf/img/foo.png」ではなく「/img/foo.png」を通じて提供されます。
__webpack_public_path__main.jsに設定すると、すべてが期待どおりに機能します。
手がかりはありますか？
vue.config.js