Ruby on rails 尝试在rails 5.x应用程序中为自定义布局导入引导库_Ruby On Rails_Asset Pipeline

Ruby on rails 尝试在rails 5.x应用程序中为自定义布局导入引导库

ruby-on-rails

Ruby on rails 尝试在rails 5.x应用程序中为自定义布局导入引导库,ruby-on-rails,asset-pipeline,Ruby On Rails,Asset Pipeline,我为我的营销网站创建了一个新布局，我只想为该布局导入引导库 <html> <head> <title>Clhweb</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'marketing', media: 'all' %> <%= javascript_inc

我为我的营销网站创建了一个新布局，我只想为该布局导入引导库

<html>
  <head>
    <title>Clhweb</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'marketing', media: 'all' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <p>marketing</p>
    <%= yield %>
  </body>
</html>

我下载了引导scss文件，并将它们全部放在vendor/bootstrap文件夹中

我得到一个错误，说我必须将它添加到预编译列表中，所以我这样做了：

Rails.application.config.assets.precompile += %w( marketing.scss )

现在，当我加载页面时，它会显示：

要导入的文件找不到或不可读：供应商/bootstrap/bootstrap

为什么它找不到引导scss文件

/assets/stylesheets/vendor/bootstrap/bootstrap.scss文件包含：

@import "functions";
@import "variables";
@import "mixins";
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "utilities";
@import "print";

要导入的文件找不到或不可读：供应商/bootstrap/bootstrap

您的代码中有一个输入错误

@import "vendor/bootstrap/boostrap"; #missing 't' in bootstrap

应该是

@import "vendor/bootstrap/bootstrap";

它是

marketing.css

还是

marketing.scss

？它是marketing.scss，我在资产初始值设定项中都尝试了，并且出现了相同的错误。我会将其更改为scss，因为它更有意义。它是在

app/assets

文件夹中还是在

vendor/assets

文件夹中？@Pavan引导文件位于

app/assets/stylesheets/vendor/bootstrap文件夹中

@import "vendor/bootstrap/bootstrap";