Zurb foundation 基础轨道未加载CSS

Zurb foundation 基础轨道未加载CSS,zurb-foundation,ruby-on-rails-5,Zurb Foundation,Ruby On Rails 5,我试图在预先存在的Rails 5项目中使用基础,但基础样式实际上没有加载。 我已经完成了以下步骤: 将gem'foundationrails'添加到gem文件中 捆 从命令行运行rails g foundation:install,覆盖application.html.erb(然后粘贴回已删除的代码,而不覆盖任何新行) 将application.css重命名为application.scss,因为(在原始多行注释中)我正在运行*=require foundation\u和\u overrides

我试图在预先存在的Rails 5项目中使用基础,但基础样式实际上没有加载。 我已经完成了以下步骤:

  • gem'foundationrails'
    添加到gem文件中
  • 从命令行运行
    rails g foundation:install
    ,覆盖application.html.erb(然后粘贴回已删除的代码,而不覆盖任何新行)
  • 将application.css重命名为application.scss,因为(在原始多行注释中)我正在运行
    *=require foundation\u和\u overrides
  • 重新启动服务器,重新加载添加了一些特定于基金会的html的页面,例如,在application.html.erb中:

      <div class="row">
        <div class="large-4 columns">
          Testing columns
        </div>
        <div class="large-8 columns">
          <%= yield %>
        </div>
      </div>
    
    
    测试柱
    
  • 但布局不变(即,插入页面左上角)

    我已经检查了foundation_和_overrides.scss文件是否通过在其中添加一些测试样式成功加载,这些测试样式正在被拾取-但是没有任何东西是我自己没有添加的


    我可能做错了什么?(我意识到我在这里没有包含太多的代码,因为我不确定错误可能在哪里,所以我不想进行大量的代码转储)。

    您需要将该文件重命名为application.scss并添加
    @import“foundation_和_覆盖”
    在您的代码>应用程序/资产/ JavaScript /应用程序中。JS<代码>添加<代码> //=需要基金会
    
    $(document.foundation()

    我也遇到了同样的问题,解决这个问题的方法是覆盖冲突的文件。如果运行
    railsgoundation:install
    ,并且它为您提供了覆盖冲突文件(foundation_和_overrides.scss)的选项,请接受它。这将加载到新文件中,一旦重新启动服务器,就可以开始了。但是,请记住,这将覆盖foundation_和_overrides.scss和application.html.erb

    我的问题源于这样一个事实:我试图使用与Rails 4相同的旧文件,无论出于何种原因,当我升级到Rails 5时,它崩溃了

    因此,快速总结一下:

  • 重复上述步骤1-3
  • 将application.css更改为application.scss
  • 出现提示时,覆盖冲突文件
  • 重新启动服务器