Angular を使用してwebpack_public_pathを更新しようとしています。single-spa ライブラリを使用していますが、font-awesome フォントの読み込みに問題があります。
サーバーのルート (「/」) でそれらを探していますが、実際にはアプリケーション フォルダー (「/app1」) に存在します。
ファイル set-public-path.ts を作成し、main.single-spa.ts 内にインポートしています。
set-public-path.ts
// @ts-ignore
__webpack_public_path__ = 'https://appURL.net/app1/'
main.single-spa.ts
import './set-public-path.ts'
import { enableProdMode, NgZone } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { ɵAnimationEngine as AnimationEngine } from '@angular/animations/browser';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import singleSpaAngular from 'single-spa-angular';
import { singleSpaPropsSubject } from './single-spa/single-spa-props';
if (environment.production) {
enableProdMode();
}
// @ts-ignore
console.log(__webpack_public_path__);
const domElementGetter = () => document.getElementById('application');
const lifecycles = singleSpaAngular({
bootstrapFunction: singleSpaProps => {
singleSpaPropsSubject.next(singleSpaProps);
return platformBrowserDynamic().bootstrapModule(AppModule);
},
template: '<app1-root />',
domElementGetter,
NgZone,
AnimationEngine,
});
export const bootstrap = lifecycles.bootstrap;
export const mount = lifecycles.mount;
export const unmount = lifecycles.unmount;
アプリケーションが実行されると、正しい URL がログに記録されますが、404 エラーは依然としてルートを探していることを示しています。何が間違っているのかわかりません。SystemJS を使用して、index.html ファイル内にアプリケーションをインポートしています。
環境情報:
"@angular-builders/custom-webpack": "^8",
"@angular/animations": "~8.2.11",
"@angular/cdk": "~8.2.3",
"@angular/common": "~8.2.11",
"@angular/compiler": "~8.2.11",
"@angular/core": "^8.2.14",
"@angular/forms": "~8.2.11",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "~8.2.11",
"@angular/platform-browser-dynamic": "~8.2.11",
"@angular/router": "~8.2.11",
"@azure/msal-angular": "^0.1.4",
"@microsoft/applicationinsights-web": "^2.0.0",
"@okta/okta-angular": "^1.3.1",
"@types/jest": "^24.0.24",
"hammerjs": "^2.0.8",
"node-sass": "^4.13.1",
"rxjs": "~6.4.0",
"rxjs-compat": "^6.5.3",
"single-spa-angular": "^3.0.1",
"tslib": "^1.10.0",
"zone.js": "~0.9.1"