Question

我刚刚在我的应用程序中包含了一个javascript，它将激活图像滑块。这是脚本：

    $(function(){var scroller=$("#scroller div.innerScrollArea");var scrollerContent=scroller.children("ul");scrollerContent.children().clone().appendTo(scrollerContent);var curX=0;scrollerContent.children().each(function(){var $this=$(this);$this.css("left",curX);curX+=$this.width()});var fullW=curX/2;var viewportW=scroller.width();var controller={curSpeed:0,fullSpeed:2};var $controller=$(controller);var tweenToNewSpeed=function(newSpeed,duration){if(duration===undefined){duration=600}$controller.stop(true).animate({curSpeed:newSpeed},duration)};scroller.hover(function(){tweenToNewSpeed(0)},function(){tweenToNewSpeed(controller.fullSpeed)});var doScroll=function(){var curX=scroller.scrollLeft();var newX=curX+controller.curSpeed;if(newX>fullW*2-viewportW){newX-=fullW}scroller.scrollLeft(newX)};setInterval(doScroll,20);tweenToNewSpeed(controller.fullSpeed)});

我手动缩小了它。如果我只是将此应用程序上传到Heroku，它将给我500个内部服务器错误。在Heroku日志中，我可以看到：

    2013-01-02T04:50:59+00:00 app[web.1]: Completed 500 Internal Server Error in 640ms
    2013-01-02T04:50:59+00:00 app[web.1]: 
    2013-01-02T04:50:59+00:00 app[web.1]: ActionView::Template::Error (slider.js isn't precompiled):
    2013-01-02T04:50:59+00:00 app[web.1]:     1: <footer class="footer">
    2013-01-02T04:50:59+00:00 app[web.1]:     2: <%= javascript_include_tag "slider" %> 
    2013-01-02T04:50:59+00:00 app[web.1]:     3: </footer>

所以，我通过将以下行添加到production.rb来添加要预编译的javascript：

 config.assets.precompile += %w( slider.js )

有了它，我的应用程序已加载但javascript无法正常工作。当我检查源代码时，我看到Heroku如何编译我的javascript：

$(function(){var a=$("#scroller div.innerScrollArea"),b=a.children("ul");b.children().clone().appendTo(b);var c=0;b.children().each(function(){var a=$(this);a.css("left",c),c+=a.width()});var d=c/2,e=a.width(),f={curSpeed:0,fullSpeed:2},g=$(f),h=function(a,b){b===undefined&&(b=600),g.stop(!0).animate({curSpeed:a},b)};a.hover(function(){h(0)},function(){h(f.fullSpeed)});var i=function(){var b=a.scrollLeft(),c=b+f.curSpeed;c>d*2-e&&(c-=d),a.scrollLeft(c)};setInterval(i,20),h(f.fullSpeed)});

一团糟。我的问题是，如何解决这个问题？我需要heroku来编译我的其他脚本和css文件。但是只排除这个文件。怎么做？

Answer 1

不是让Heroku预先编译资产，许多人认为在推送之前自己预先编译它们是更好的做法。这使您有机会在本地检查已编译的资产，并在将您知道的工作推送到Heroku之前修复可能发生的任何错误。

您可以使用以下命令在存储库中执行此操作：

rake assets:precompile

清除任何现有的预编译资产（在预编译之前运行此资产的良好做法）：

rake assets:clean

至于“混乱”，实际发生的事情是，缩小器已经换掉了较短的变量名。多年来这对于缩放器来说是正常的行为，并且不太可能（但可能）它破坏了某些东西。有理由在本地预编译资产并测试是否存在问题。

Heroku预编译打破了我的JavaScript。没有预编译它会出现500服务器错误？

1 个答案: