Rails应用程序中的Active Admin Trumbowyg @import未找到错误

在Rails应用程序中使用Active Admin和Trumbowyg时，如果遇到@import未找到的错误，通常是由于CSS文件路径问题或Sass导入语法错误引起的。以下是一些基础概念和相关解决方案：

基础概念

1. Active Admin: 是一个用于Rails应用程序的管理界面框架，提供了快速创建管理界面的功能。
2. Trumbowyg: 是一个轻量级的富文本编辑器，易于集成到Rails应用程序中。
3. Sass: 是一种CSS预处理器，允许使用变量、嵌套规则、混合等高级功能。

可能的原因

1. 路径问题: @import语句中的文件路径可能不正确。
2. 编译错误: Sass文件可能在编译过程中出现错误，导致无法正确导入。
3. 依赖未安装: 可能缺少必要的gem或JavaScript库。

解决方案

1. 检查文件路径

确保@import语句中的文件路径是正确的。例如，如果你在app/assets/stylesheets/admin.scss中导入Trumbowyg的样式文件，应该这样写：

// app/assets/stylesheets/admin.scss
@import "trumbowyg";

确保trumbowyg.scss文件确实存在于app/assets/stylesheets目录下。

2. 安装必要的gem

确保你已经安装了Trumbowyg相关的gem。可以在Gemfile中添加以下内容：

gem 'activeadmin_trumbowyg'

然后运行：

bundle install

3. 配置Active Admin

在Active Admin的初始化文件中（通常是config/initializers/active_admin.rb），确保你已经正确配置了Trumbowyg：

# config/initializers/active_admin.rb
ActiveAdmin.setup do |config|
  config.register_javascript 'trumbowyg/trumbowyg.min.js'
  config.register_stylesheet 'trumbowyg/trumbowyg.min.css'
end

4. 检查JavaScript库

确保Trumbowyg的JavaScript库已经正确加载。可以在app/assets/javascripts/active_admin.js.coffee中添加以下内容：

#= require trumbowyg/trumbowyg.min

5. 清理缓存

有时候，Rails的缓存可能导致问题。可以尝试清理缓存：

rails assets:clobber
rails assets:precompile

示例代码

假设你已经安装了activeadmin_trumbowyg gem，并且Trumbowyg的文件位于app/assets/stylesheets/trumbowyg.scss和app/assets/javascripts/trumbowyg/trumbowyg.min.js，以下是一个完整的配置示例：

Gemfile:

gem 'activeadmin_trumbowyg'

config/initializers/active_admin.rb:

ActiveAdmin.setup do |config|
  config.register_javascript 'trumbowyg/trumbowyg.min.js'
  config.register_stylesheet 'trumbowyg/trumbowyg.min.css'
end

app/assets/stylesheets/admin.scss:

@import "trumbowyg";

app/assets/javascripts/active_admin.js.coffee:

#= require trumbowyg/trumbowyg.min

通过以上步骤，你应该能够解决@import未找到的错误。如果问题仍然存在，请检查控制台和日志文件中的详细错误信息，以便进一步诊断问题。