Chart.jsでグラフの描画に失敗することが多々あり、色々調べたところturbolinksが原因でした。
無効化したので、その方法をまとめます。
###Gemを削除
Gemfile
#gem 'turbolinks', '~> 5'
$ bundle update
###application.jsを編集
以下のコメントアウトされている記述を削除します。機能に影響する系のコメントです。
app/assets/javascripts/application.js
//= require turbolinks #この行を削除
###application.html.erbを編集
以下の2行の'data-turbolinks-track': 'reload'
部分を削除します。
app/views/layouts/application.html.erb
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
###formを編集
form_with
を使って作成したformがある場合、全てのformにlocal: true
オプションをつけます。これがないと、フォームがうまく動作しません。
##参考
その辺にいるWebエンジニアの備忘録