Icons werden beim Laden innerhalb einer Angular-Anwendung nicht geladen
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)
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...
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.
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.
Problem #6081
Benutzerdefinierte Komponente kann in grapsJs/studio beim ersten Rendern nicht sichtbar sein
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromReproduzierbarer Demo-Link...
Problem #5857
Beim Rendern von <tr> Tags innerhalb <template> von Tags werden Tags entfernt, und es bleibt nur String-Inhalt erhalten.
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v121Reproduzierbarer Dem...
Problem #5633
Komponente kann im Handler ''component:remove'' nicht ausgewÀhlt werden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 120.0.6099.225...
Problem #6407
Benutzerdefinierte Eigenschaften werden nicht in einem benutzerdefinierten Block geladen
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 133.0.6943.98 Reprodu...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.