angular6- ngx编辑图标未出现在生产上

Question

是什么原因是什么？ 请让我知道您是否需要更多细节。 tia.

大多数字体令人陶醉的样式表可能不会被部署到服务器。如果将以下CSS嵌入组件的CSS

@import url（“

Https：//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Answer 1

并将封装设置为

ViewEncapsulation.None

在您的@component Decorator.ts文件中，图标应出现

包裹：viewEncapsulation.none

可以通过以下方式解决此问题：

npm install --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/angular-fontawesome

确保您有适当的angular-fontawesome

添加/编辑以下文件：

Answer 2

角编辑器.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);
}

角 - 编辑器toolbar.component.ts编辑所有图标标签。

to

<fa-icon [icon]="['fas', 'icon-name']" >

我有同样的问题，事实证明我错过了一些东西，
确保该部分包含在您的angular.json，

{
  "glob": "**/*",
  "input": "node_modules/@kolkov/angular-editor/assets/icons",
  "output": "assets/ae-icons/"
}