Problem #4042💬 BeantwortetJan 2, 2022 geöffnetvon Sanjanaadeshra0-Reaktionen

Icons werden beim Laden innerhalb einer Angular-Anwendung nicht geladen

Kurze Antwortvon Sanjanaadeshra

Ich konnte dieses Problem lösen, indem ich Font Awesome Icons CSS direkt in die grape.min.css-Datei eingefĂŒgt habe. Ich weiß nicht, warum das gemacht werden musste, da das CSS bereits importiert wurde, es funktioniert mit diesem Workaround, aber es wĂ€re besser, wenn eine sauberere Lösung vorgeschlagen werden könnte.

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

GrapesJS-Version[x] Ich bestĂ€tige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromeReproduzierbarer Demo-Link https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsBeschreibe den KĂ€fer Ich habe ein angehĂ€ngtes Bild hinzugefĂŒgt, um einen Eindruck davon zu vermitteln, wie der Editor aussieht Was ist das erwartete Verhalten? Ich muss den Grapejs Ediotr laden Wie ist das aktuelle Verhalten? Der Editor lĂ€dt, aber keines der Symbole ist sichtbar. Verhaltenskodex[X] Ich verpflichte mich, den Verhaltenskodex dieses Projekts einzuhalten ! Screenshot...

Antworten (3)

Sanjanaadeshra‱ Jan 3, 2022

Ich konnte dieses Problem lösen, indem ich Font Awesome Icons CSS direkt in die grape.min.css-Datei eingefĂŒgt habe. Ich weiß nicht, warum das gemacht werden musste, da das CSS bereits importiert wurde, es funktioniert mit diesem Workaround, aber es wĂ€re besser, wenn eine sauberere Lösung vorgeschla...

artf‱ Jan 4, 2022

Deine Demo scheint nicht zu laden, und die Grapesjs-Version, die du dort verwendest, ist ziemlich veraltet ('0.14.15'). Bitte upgrade und öffne beim nÀchsten Mal das neue Bugproblem in Bezug auf die neueste Version.

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @sanjanaadeshra. Das Problem mit Icons laden nicht, wenn sie innerhalb einer Angular-Anwendung geladen werden, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusereignisse und...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.