noUiSlider 不在 Heroku 上工作，但在本地工作

Question

我已经在我的 rails 应用程序中实现了noUiSlider。但它不适用于 Heroku。 （将 css 和 js 文件 here 放入我的 app/assets/javascript 和 app/assets/stylesheets/ 文件夹中。在本地一切正常，但在 heroku 上不行

还尝试使用 html link 和 script 标签直接添加这两个文件，但它仍然只能在本地工作，尽管在 Heroku 上我可以看到这两个文件正在加载。

我的 Gemfile 中有 jquery-rails gem。

我的 application.js：

//
//= require jquery
//= require jquery_ujs
//= require bootstrap-transition
//= require gmaps4rails.base
//= require gmaps4rails.googlemaps
//= require_tree .

和application.css：

 *
 *= require_self
 *= require bootstrap
 *= require _font-awesome
 *= require_tree .
 */  

编辑

即使尝试使用noUISlider rails gem，但仍然是同样的问题。有了这个 gem，我的 application.js 和 application.css 看起来像这样：

//
//= require jquery
//= require jquery_ujs
//= require jquery.nouislider
//= require bootstrap-transition
//= require gmaps4rails.base
//= require gmaps4rails.googlemaps
//= require_tree .  

*= require_self
 *= require bootstrap
 *= require _font-awesome
 *= require jquery.nouislider
 *= require_tree .
 */  

我该如何解决这个问题？

Answer 1

尝试添加（不带 gem）：

<%= javascript_include_tag "jquery.nouislider" %>  

在页面底部，然后在您的 production.rb

config.assets.precompile += %w(jquery.nouislider.js)

我在 Heroku 上的另一个滑轨中遇到了同样的问题。如果您有任何问题，请尝试并评论。

更新：

我认为为什么它不起作用是因为我需要在页面加载后调用$(#element).noUiSlider();。因此，将nouislider.js 添加到app/assets/javascripts/ 中，当我调用滑块函数时，我在$(document).ready() 函数中调用它。

Answer 2

您是否查看过有关 rails 资产管道的 Heroku 文档？

https://devcenter.heroku.com/articles/rails-asset-pipeline

尝试在本地编译您的资产。

RAILS_ENV=production bundle exec rake assets:precompile

然后重新部署。