Fehler beim Import der Codemirror-Bibliothek in SCSS

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 112.0.1 Reproduzierbarer Demo-Link https://github.com/davidrhoderick/grapesjs-test Beschreibe den Käfer Wie reproduziert man den Bug?Folgen Sie dem Start (Sie sehen die Struktur, der ich bei einem einfachen Parcel-Projekt mit Typescript und SCSS verfolge)Wenn du zum Schritt "Theming" kommst, bekommst du einen Fehler beim Versuch, Grapes SCSS zu importieren. Was ist das erwartete...

davidrhoderick · Accepted Answer

Lustigerweise funktioniert das CSS-basierte Design.

artf · Answer

Es sieht so aus, als würde der Parcel-Transformer versuchen, 'codemirror/lib/codemirror.js' statt 'codemirror/lib/codemirror.css' auf dieser Leitung zu importieren: '''css @import "Codemirror/Lib/Codemirror"; ``` Deshalb würde ich vorschlagen, das Problem im zugehörigen Paket zu öffnen

GJS Helper · Answer

Das Problem, auf das Sie stoßen, '@parcel/transformer-sass: erwartet "{"' beim Import von GrapesJS SCSS, ist ein häufiges Problem im Zusammenhang damit, wie Modulbundler wie Parcel Stylesheet-Importe auflösen und verarbeiten, besonders bei Drittanbieter-Bibliotheken, die sowohl JavaScript- als auch CSS-Komponenten enthalten. Ursache GrapesJS nutzt CodeMirror für seine Funktionen als Rich-Texteditor und Codeeditor. Während das Kern-SCSS von GrapesJS ('grapesjs/src/styles/scss/main.scss') seine e...

Fehler beim Import der Codemirror-Bibliothek in SCSS

Frage

Antworten (3)

Verwandte Fragen und Antworten

Fehler bei der Größenänderung des Images.

Fehlende Inline-Stile, die von CKEditor beim Hinzufügen von rohen HTML-Komponenten verwendet werden,

Kann background:none in der mobilen Version mit dem Styles-Panel nicht einstellen

Im Vollbild ist der Farbwähler versteckt

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien