Help us understand the problem. What is going on with this article?

railsアプリをherokuに上げてJSが動かないけどassets precompile以外が原因だった話

More than 1 year has passed since last update.

起こったこと

ローカルで動くjqueryが、herokuにあげると動かなくなる。(モーダルが出ない)
ググってアセットプレコンパイル周りが怪しいと言われるが、
それらをいじっても解決しない。

原因と解決策

application.jsの中で
jqueryを先に読み込まないとダメだった。

修正前(下3行を上に持ってきた。)

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
ここから下3行を
//= require jquery3
//= require popper
//= require bootstrap-sprockets

修正後

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
ここに入れた
//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .

herokuにデプロイし直して無事完了。

Kohei_Kishimoto0214
自分のWEBサービスを作って生きていきたいと 本気で考えています。
https://www.narou-osusume.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away