angular6 -ngx编辑器图标不会出现在生产中。
angular6 -ngx编辑器图标不会出现在生产中。
提问于 2018-09-19 10:09:58
我正在开发一个angular6应用程序。我用的是ngx编辑。
编辑器在本地主机上似乎运行良好，但当我将它部署到firebase时，图标根本就不会出现。
可能是什么原因？如果你需要更多的细节，请告诉我。
蒂娅。
回答 2
Stack Overflow用户
发布于 2018-10-05 16:35:24
很可能字体-可怕的样式表没有被部署到服务器上。如果将以下css嵌入组件的CSS中
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css")；
将封装设置为ViewEncapsulation.None，并在.ts文件的@component装饰器中显示图标
封装: ViewEncapsulation.None
Stack Overflow用户
发布于 2022-08-16 16:08:16
可以通过以下方式解决这一问题：
npm install --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/angular-fontawesome确保您有适合您的角度版本的角火锅，添加/编辑以下文件：
angular-editor.module.ts
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';angular-editor.component.ts
import {FaIconLibrary, FontAwesomeModule} from '@fortawesome/angular-fontawesome';
import {far} from '@fortawesome/free-regular-svg-icons';
import {fas} from '@fortawesome/free-solid-svg-icons';
constructor(
library: FaIconLibrary,
) {
library.addIconPacks(fas, far);
}编辑角编辑器-工具吧.组件. tags编辑所有图标标签。
至
<fa-icon [icon]="['fas', 'icon-name']" >页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52403403
复制相关文章
相似问题
腾讯云开发者
