Question

我相信，我没有做任何更改，而且bootstrap现在在每个页面上都会出错：

.alert-notice" failed to @extend ".alert-success".
The selector ".alert-success" was not found.
Use "@extend .alert-success !optional" if the extend should be able to fail.

我搜索过并搜索过，无法弄清问题是什么。有什么想法吗？

application.scss

 *
 *= require_tree .
 *= require_self
 */

@import "bootstrap";
@import "bootstrap-sprockets";

header {
    background-color: #eee;
    padding: 10px;
}

footer {
    background-color: #eee;
    padding: 10px;
    text-align: right;
    font-color: white;
}

body    {
    font-family: "Arial Black", Gadget, sans-serif;
}



.wrapper    {
    width: 960px;
    margin: 0 auto;
}

.clear  {
    clear: both;
}

.profile-container  {
    clear: both;
}

.alert-notice {
  @extend .alert-success;
}

.alert-alert {
  @extend .alert-warning;
}

在我申请的正文中

<html>      
    <head>
      <title>Language Exchange</title>
      <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
      <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
      <%= csrf_meta_tags %>
    </head>
  <body>
            <% if flash[:alert] %>
            <div class="wrapper">
                <p class="flash-error"><%= flash[:alert] %></p>
            <% end %>
            <% if flash[:notice] %>
            <div class="wrapper">
                <p class="flash-notice"><%= flash[:notice] %></p>
             <% end %>
 </body>

Answer 1

如果有人有更好的答案，请告诉我。我通过删除

解决了这个问题

 <% if flash[:alert] %>
     <div class="wrapper">
        <p class="flash-error"><%= flash[:alert] %></p>
 <% end %>
 <% if flash[:notice] %>
     <div class="wrapper">
        <p class="flash-notice"><%= flash[:notice] %></p>
 <% end %>

只是添加

    <p class="notice"><%= notice %></p>
    <p class="alert"><%= alert %></p>

Answer 2

也许你在 app/assets/stylesheets 中有其他不包含的 scss 文件 @import“引导程序”

更新后我在旧的 rails 5 项目上遇到了同样的问题在 config/initializers/assets.rb 中更改 Rails.application.config.assets.precompile 为了限制编译到application.scss。

然后在 application.scss 中你可以@import 其他文件。

详情

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

Bootstrap错误：找不到选择器“.alert-success”

2 个答案: