在 Rails 应用程序中找不到活动管理员 Trumbowyg @import 错误

【问题标题】：Active Admin Trumbowyg @import not found error in Rails app在 Rails 应用程序中找不到活动管理员 Trumbowyg @import 错误
【发布时间】：2021-01-03 14:13:08
【问题描述】：

我正在尝试使用 this gem 的 Active admin 将 Trumbowyg WYSIWYG 编辑器添加到 rails 应用程序。

说明看起来很清楚，但我收到以下关于 scss 导入的错误：

SassC::SyntaxError at /admin/messages/new  
Error: File to import not found or unreadable:  
 activeadmin/trumbowyg/trumbowyg.      
        on line 16 of app/assets/stylesheets/active_admin.scss      
>> @import 'activeadmin/trumbowyg/trumbowyg';

我尝试删除导入行。这允许应用程序加载，但编辑器工具当然没有出现。

有人可以提出解决此问题的方法吗？

【问题讨论】：

查看源代码，该文件位于 ui 文件夹中。导入需要@import 'activeadmin/trumbowyg/ui/trumbowyg'

标签： ruby-on-rails trumbowyg

【解决方案1】：

您很可能错过了在 app/assets/javascripts/active_admin.js 文件中导入 Active Admin JS 文件。正如它在您已链接的 gem 页面上提到的那样。只需将这些行添加到上面的文件中-

//= 需要 activeadmin/trumbowyg/trumbowyg //= 需要 activeadmin/trumbowyg_input

【讨论】：

谢谢！我确实有这两条线。我再次插入它们，但仍然出现错误。我在错误中注意到 trumbowyg 之后有一段时间。这会导致问题吗？我将如何删除它？我在 Visual Studio Code 中搜索了它，但找不到它有句号的地方。
在不了解整个设置的情况下很难调试。为了快速检查，你可以从这个文件夹-github.com/blocknotes/activeadmin_trumbowyg/tree/master/app/… 下载这两个文件到你的 app/assets/stylesheets 文件夹中。然后将这些文件直接导入到您的 active_admin.scss 文件中，就像任何其他 .scss 文件一样，因为这似乎是文件未找到的情况。
非常感谢！这解决了这个问题，它在开发中就像一个魅力。这些图标在生产中消失了——接下来要弄清楚那个。 :-)