Trix 编辑器在 Heroku 中不起作用,但在本地主机上运行良好
Trix editor isn't working in Heroku, but working fine on localhost
我以前使用过 trix 编辑器,但是这次部署到 heroku 时它没有按计划工作。编辑器不显示,输入变成一个小方块,不可点击。
这是本地主机上的预期行为:
Trix editor showing up and working
但是,在 heroku 上,它显示如下:
Trix editor not showing and not clickable as well
在我的 rails Gemfile 上:
gem 'trix-rails', require: 'trix'
在 application.scss:
*= require_tree .
*= require_self
*= require font-awesome
*= stub scaffolds
*/
@import "trix";
@import "font-awesome";
在 application.js 上:
//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require trix
我的 _form.html.erb 上有以下代码:
<div class="field" id="blog-editor">
<%= form.label :content %>
<%= form.trix_editor :content, id: :backoffice_blog_content %>
</div>
我找不到问题出在哪里。到目前为止,我已经尝试过预编译资产,但找不到任何答案。
控制台日志显示了一系列关于 Jquery 的错误。由于导入顺序,它无法正常工作(我使用的是 require 树,并且按照字母顺序,一个文件需要另一个在它之后编译的文件)。基本上,您不应在同一个项目中混用 sprockets 指令、sass 和其他形式的导入。 (这不是我的错,这是一个遗留项目)
不过就是这样,问题就解决了。
我以前使用过 trix 编辑器,但是这次部署到 heroku 时它没有按计划工作。编辑器不显示,输入变成一个小方块,不可点击。
这是本地主机上的预期行为: Trix editor showing up and working 但是,在 heroku 上,它显示如下: Trix editor not showing and not clickable as well
在我的 rails Gemfile 上:
gem 'trix-rails', require: 'trix'
在 application.scss:
*= require_tree .
*= require_self
*= require font-awesome
*= stub scaffolds
*/
@import "trix";
@import "font-awesome";
在 application.js 上:
//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require trix
我的 _form.html.erb 上有以下代码:
<div class="field" id="blog-editor">
<%= form.label :content %>
<%= form.trix_editor :content, id: :backoffice_blog_content %>
</div>
我找不到问题出在哪里。到目前为止,我已经尝试过预编译资产,但找不到任何答案。
控制台日志显示了一系列关于 Jquery 的错误。由于导入顺序,它无法正常工作(我使用的是 require 树,并且按照字母顺序,一个文件需要另一个在它之后编译的文件)。基本上,您不应在同一个项目中混用 sprockets 指令、sass 和其他形式的导入。 (这不是我的错,这是一个遗留项目)
不过就是这样,问题就解决了。