为什么dropdown-toggle（bootstrap）在heroku上不起作用？

我不明白为什么我视图中的以下代码（标题栏）在heroku上不起作用。

它似乎在我的本地服务器上的开发和生产上都能正常工作。一旦我推送到heroku，生成的HTML也很好。所有其他bootstrap元素似乎都有效。但是，此下拉链接似乎不起作用

   Account

生成的HTML：

    Account    Profile
 Settings
 
  Sign out

我的app / assets / stylesheets / application.css

  * = require custom

我的app / assets / stylesheets / custom.css.scss

 @import "bootstrap";

我对heroku很新。所以我不知道如何调试这样的错误。如何解决我如何调试这样的错误？

rails中的一些奇怪的bug：我的application.js最初是：

 //= require jquery //= require jquery_ujs //= require jquery-ui //= require bootstrap

我不得不重新排序它并在jquery之前移动bootstrap

修改了application.js

 //= require bootstrap //= require jquery //= require jquery_ujs //= require jquery-ui

然后我不得不跑

 heroku run rake assets:reset heroku run rake assets:precompile

现在它有效

好吧，我遇到了同样的问题。下拉列表适用于本地但不适用于Heroku。

我曾尝试重新排序// = jquery和// = bootstrap并一次又一次地重新排序。我还运行了资产预编译方法。但是，它仍然无法在我的情况下工作。

然后我比较了我之前写的一个应用程序，我发现’bootstrap’和’bootstrap-spockets’之间可能存在冲突。如果删除了其中任何一个，则下拉菜单有效。所以我最终删除了’bootstrap’。我不确定它是否会引起任何进一步的问题，但到目前为止还没关系。

确保预编译您的资产

 heroku run rake assets:precompile

你可以添加到你的文件application.js：

 //= require bootstrap/dropdown

所以，你的文件将是：

 //= require jquery //= require jquery_ujs //= require jquery-ui //= require bootstrap //= require bootstrap/dropdown

Interesting Posts