I have a scenario where I need to load a script and external style (css file) in application. single-spa-angular application.
Am trying to add the script and style link in index.html. unable to load the scripts and styles, since index.html is not loading.
(main.ts) main-single-spa.ts - const lifecycles = singleSpaAngular({
bootstrapFunction: singleSpaProps => {
singleSpaPropsSubject.next(singleSpaProps);
return platformBrowserDynamic(getSingleSpaExtraProviders()).bootstrapModule(AppModule);
},
template: '<app-root />',
Router,
NavigationStart,
NgZone,
});
export const bootstrap = lifecycles.bootstrap;
export const mount = lifecycles.mount;
export const unmount = lifecycles.unmount;
Index.html - <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>app</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="/cdn/static/styling/style.css">
</head>
<body>
<app-root></app-root>
</body>
</html>