Ruby 项目 - Sass::SyntaxError - 未定义的 mixin 'box-shadow'答案

【问题标题】：Ruby project - Sass::SyntaxError - Undefined mixin 'box-shadow'Ruby 项目 - Sass::SyntaxError - 未定义的 mixin 'box-shadow'
【发布时间】：2021-11-07 18:16:17
【问题描述】：

我正在制作 ruby on rails 项目，在我添加了一些 gem 之后：

gem 'activeadmin', github: 'gregbell/active_admin'
gem 'devise'
gem 'active_admin_editor' 
gem 'font-awesome-rails'
gem 'bootstrap-sass', '~>3.2.0'
gem 'autoprefixer-rails'

运行bundle install和rails g active_admin:install，还安装了nodejs，然后重启应用程序，出现错误：

Sass::SyntaxError in Home#show

Showing /home/user/railscmsproject/app/views/layouts/application.html.erb where line #8 raised:

Undefined mixin 'box-shadow'.

Extracted source (around line #8):
              
    <%= csp_meta_tag %>

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

我尝试将application.html.erb中第8行的'application'更改为'default'，但没有解决问题。

我也尝试在文件active_admin.css 中进行更改

@import "active_admin/mixins";
@import "active_admin/base";

到

@import "active_admin/mixins.css";
@import "active_admin/base.css";

它没有解决问题。

我应该在一些 css 文件中添加这段代码吗？

@mixin box-shadow($value) {
    -webkit-box-shadow: $value;
    -moz-box-shadow: $value;
    box-shadow: $value;
}

或者如何解决这个问题？

【问题讨论】：

标签： ruby-on-rails ruby sass rubygems shadow

【解决方案1】：

在当前 Active-Admin 的 Mixin 中，不再有 box-shadow 的 Mixin： https://github.com/rails-master/active_admin/blob/master/app/assets/stylesheets/active_admin/mixins/_shadows.css.scss 和 ActiveAdmin 也不在代码库的任何地方使用 mixin @box-shadow。

您似乎正在使用非常旧版本的 ActiveAdmin，或者您正在使用需要过时的 ActiveAdmin 或使用自己的 box-shadow 的依赖项。

正如您所说，您使用的是active_admin_editor，它已过时并产生错误，显然： https://github.com/activeadmin/activeadmin/issues/4248

如果是这样，请将其替换为维护的 fork：

gem 'active_admin_editor', github: 'ejholmes/active_admin_editor'

【讨论】：