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

【问题标题】：Trying to import the bootstrap library in my rails 5.x application for my custom layout尝试在我的 rails 5.x 应用程序中为我的自定义布局导入引导库
【发布时间】：2018-08-29 15:27:47
【问题描述】：

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

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

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

找不到或无法读取要导入的文件：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";

【问题讨论】：

是marketing.css 还是marketing.scss？
它是marketing.scss，我在资产初始化程序和同样的错误中都试过了。我将其更改为 scss，因为它更有意义。
是在app/assets文件夹还是vendor/assets文件夹？
@Pavan 自举文件在app/assets/stylesheets/vendor/bootstrap folder

标签： ruby-on-rails asset-pipeline

【解决方案1】：

找不到或无法读取要导入的文件：vendor/bootstrap/boostrap。

您的代码中有错字

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

应该是

@import "vendor/bootstrap/bootstrap";

【讨论】：