Edited at

RailsアプリでBowerで入れたAdminLTEの表示が動かなくなった件

More than 3 years have passed since last update.


経緯

新しく環境作って、RailsのアプリケーションをデプロイしてみたらAdminLTEのデザインが崩れた!

AdminLTEはrails-bowerでインストールされていました。


原因

jQueryのバージョンが3になったことが影響してるみたいです。

AdminLTEのdependenciesがちゃんと指定されていないからみたい。

jquery-railsでインストールされているjQueryとrails-bowerでインストールしたAdminLTEのjQuery名前が両方jqueryになって重複してるっぽい。


対処法

jquery-railsのjQuery2系を使ってやれば治ります。

application.js内の以下の部分を変えたら、jquery-railsのjQuery2系を使ってくれます。

- //= require jquery

+ //= require jquery2


まとめ

俺に黙ってアップデートすんな、と言いたくなった。