微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Font Awesome 和 JQuery 在单个 SPA Angular 应用程序中不起作用

如何解决Font Awesome 和 JQuery 在单个 SPA Angular 应用程序中不起作用

我创建了一个单spa angular应用程序,其中我使用“npm install --save bootstrap jquery@3.4.1 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 添加为根配置应用程序中的共享依赖项

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。