问题描述
我创建了一个单spa angular应用程序,其中我使用“npm install --save bootstrap [email protected] font-awesome”安装了font-awesome和jquery和bootstrap。之后,我在 angular.json 文件中提供了这个 js 和 css 的 url,所以我面临的问题是 jquery 和 font-awesome 在我以正常角度模式运行这个应用程序时工作正常,但是当我尝试运行时出现问题此应用程序在 Single-spa 模式下。在单水疗模式下 jQuery 和 font-awesome 不起作用,但我无法理解我的引导程序样式正在工作,但为什么我面临 font-awesome 的问题,即使我在 angular.json 文件中提供了 font-awesome url就像我为引导程序提供 url 一样。
注意:我通过在现有 angular 应用程序的根文件夹中运行“ng add single-spa-angular”命令创建了这个单一的 spa angular 应用程序。
我们可以使用“ng serve -o”命令在正常角度模式下运行应用程序。但是要在 single-spa 模式下运行这个应用程序,我们必须运行这个命令“npm run serve:single-spa:”。
谢谢
解决方法
这里有两种解决方案
- 在
main.single-spa.ts
文件中导入 Jquery。 - 或将 JQuery 添加为根配置应用程序中的共享依赖项