尝试在我的 rails 5.x 应用程序中为我的自定义布局导入 bootstrap 库

Question

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

<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>

我的 assets/stylesheets 文件夹中有一个 marketing.scss 文件：

@import "vendor/bootstrap/boostrap";

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

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

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

现在当我加载页面时它说：

File to import not found or unreadable: vendor/bootstrap/boostrap.

为什么找不到 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";

Answer 1

File to import not found or unreadable: vendor/bootstrap/boostrap.

您的代码中有错字

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

应该是

@import "vendor/bootstrap/bootstrap";

尝试在我的 rails 5.x 应用程序中为我的自定义布局导入 bootstrap 库

Trying to import the bootstrap library in my rails 5.x application for my custom layout

ruby-on-rails

asset-pipeline