Sass undefined variable auf Vorkompilierung

Ich bin Modernisierung unserer Schienen (3.2.17) app über sass und ich in "Undefinierte variable" Fehler bei der asset-Vorkompilierung. Ich benutze @import auf meine snippets in den master.scss-Datei. Dieses setup funktioniert Super lokal, aber Fehler auf precompliation. Der einzige Weg, um die Fehler zu @import snippets in snippets verweisen auf die Mixins in Verbindung und Variablen definiert, die in der ersten snippet.

Beispiel: I @import 'Schriftarten' und 'Tasten' in den master.scss und dann habe ich die @import 'Schriftarten' ein zweites mal in die "Tasten" denn es wird eine variable definiert, in der 'Schriften'. Dieser wird rund um die precompliation Fehler, aber es ist nicht ideal, weil statt nur einer Instanz von 'Schriften' geladen wird in der app gibt es jetzt zwei.

@Import aller snippets nur ein einziges mal in den master.scss lokal arbeitet, wenn ich es nicht vorkompiliert ist. Es muss eine Lösung für dieses. Irgendwelche Gedanken?

möglich, Duplikat der "False-positive "Undefinierte variable" Fehler beim kompilieren der SCSS
Vielleicht. Meine snippets, haben die führenden Unterstrich, und ich bin nicht mit dem Kompass gem.

InformationsquelleAutor geraddavis | 2014-03-14

  1. 22

    Sie sehen diese Fehlermeldung, da Sie mit application.css mit require Richtlinie.

    Vom SASS-rails-Dokumentation.

    Ritzel bietet einige Direktiven, die innerhalb platziert werden der Kommentare aufgerufen benötigen, require_tree, und require_self. VERWENDEN SIE SIE NICHT IN IHR SASS/SCSS-DATEIEN. Sie sind sehr primitiv und funktionieren nicht gut mit Sass-Dateien. Verwenden Sie stattdessen Sass nativen @import-Direktive, die sass-rails angepasst hat, um die Integration mit den Konventionen Ihrer Rails-Projekte.

    Einfach, benennen Sie Ihre application.css zu application.css.scss (mit .sass hat bei mir nicht funktioniert). Entfernen Sie alles andere als require self. Ihre Globale @import Aussagen gibt.

    Ein weiterer Hinweis ist, dass Sie brauchen, um alle css-Dateien @import manuell auf Ihre application.css.scss. Ich normalerweise erstellen Sie einen Ordner app/assets/stylesheets/app und fügen Sie @import app/**/* als letzten Eintrag auf der application.css.scss

    Ich hoffe, das hilft.

    Ich sah, dass, aber war nicht das Problem. Ich habe es behoben in einer anderen Weise.
    Stört es dich teilen, wie du es behoben?
    entfernen Sie alles, aber "require_self" für mich gearbeitet. Dank

    InformationsquelleAutor anbiniyar

  2. 5

    Habe das problem behoben mit den folgenden zu helfen: SASS - verwenden von Variablen über mehrere Dateien.

    Im Grunde erstellen Sie eine master-Datei, in der Sie all Ihre Variablen und solche, importieren Sie dann die master-Datei, die in jedes snippet, das Verweise auf Variablen. Das eine Problem, dem ich begegnete, war mit dem Einsatz von Mixins in Verbindung. Ich hatte zum importieren der mixin-Datei in den master für diejenigen Variablen, die zur Arbeit in andere Schnipsel.

    Das funktioniert auch 🙂

    InformationsquelleAutor geraddavis

Schreibe einen Kommentar