时间戳

首页 > 解决方案 > 尝试在我的 rails 5.x 应用程序中为我的自定义布局导入引导库

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

问题描述

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

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

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

标签： ruby-on-railsasset-pipeline

解决方案

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

您的代码中有错字

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

应该

@import "vendor/bootstrap/bootstrap";

推荐阅读