/ / Foundation-Rails laden CSS nicht - zurb-foundation, ruby-on-rails-5

Foundation-Rails laden CSS nicht - zurb-foundation, ruby-on-rails-5

Ich versuche, Foundation in einem bereits vorhandenen Rails 5-Projekt zu verwenden, aber keines der Foundation-Designs wird tatsächlich geladen.

Ich habe die folgenden Schritte durchgemacht:

  1. Hinzufügen gem "foundation-rails" zum Gemfile
  2. Bündeln
  3. Lauf rails g foundation:install Überschreiben Sie application.html.erb von der Befehlszeile aus (fügen Sie dann die gelöschten Codes wieder ein, ohne die neuen Zeilen zu überschreiben)
  4. Benennen Sie application.css in application.scss um, da (innerhalb des ursprünglichen mehrzeiligen Kommentars) ich laufe *= require foundation_and_overrides
  5. Starten Sie den Server neu, laden Sie Seiten mit einigen grundlagenspezifischen HTML-Informationen neu, z. B. in application.html.erb:

      <div class="row">
    <div class="large-4 columns">
    Testing columns
    </div>
    <div class="large-8 columns">
    <%= yield %>
    </div>
    </div>
    

Aber das Layout ist unverändert (dh in die obere linke Ecke der Seite gespaltet).

Ich habe überprüft, dass die foundation_and_overrides.scss-Datei wird erfolgreich geladen, indem einige Teststile hinzugefügt werden, die abgeholt werden - aber nichts kommt durch, was ich nicht selbst hinzugefügt habe.

Was könnte ich falsch machen? (Ich habe bemerkt, dass ich nicht viel Code hier drin habe, weil ich mir nicht sicher bin, wo der Fehler sein könnte, also möchte ich keinen riesigen Code-Dump machen).

Antworten:

0 für die Antwort № 1

Sie müssen diese Datei in application.scss umbenennen und hinzufügen @import "foundation_and_overrides"; und in deinem app/assets/javascripts/application.js hinzufügen //= require foundation $(document).foundation();


0 für die Antwort № 2

Ich hatte das gleiche Problem und die Sache, die es für mich behob, war, die widersprüchlichen Dateien zu überschreiben. Wenn du läufst rails g foundation:install und es gibt Ihnen die Möglichkeit, das zu überschreibenin Konflikt stehende Datei (foundation_and_overrides.scss), akzeptiere sie. Dies wird die neue Datei laden und sobald Sie Ihren Server neu starten, sollten Sie gut gehen. Beachten Sie jedoch, dass dies sowohl foundation_and_overrides.scss als auch application.html.erb überschreiben wird.

Mein Problem rührte von der Tatsache her, dass ich versuchte, die gleichen alten Dateien zu verwenden, die ich mit Rails 4 verwendete, und aus welchem ​​Grund auch immer, als ich auf Rails 5 umstieg.

Also kurz zusammengefasst:

  1. Wiederholen Sie die oben aufgeführten Schritte 1-3
  2. Ändern Sie application.css in application.scss
  3. Überschreiben Sie die konfliktbehafteten Dateien, wenn Sie dazu aufgefordert werden
  4. Starten Sie Ihren Server neu