ことの始まり

あるサイトのコピーを作って勉強していた時のこと。
以下の画面でform_withを使って入力画面を作っている。
それぞれの項目に入力したら下書き保存ボタンを押してDBにデータを保存。
その後redirect_toを使って画面遷移したが、なぜか画面遷移ができない...

webpacker使ってます

_form.html.slim

= form_with model: @work do |f|
//  入力項目
　　= f.submit "下書きを保存", class: "btn btn-outline-primary", id: "draft", name: "draft"

下書き保存のボタンを押すとworks_controller.rbが実行される

works_controller.rb

  def create
    work = current_user.work.new( post_work )
    work.save
    redirect_to user_url( current_user )　#ここの部分でエラー出た
  end

Uncaught ReferenceError: Turbolinks is not defined

turbolinksがないぞって言われてる

そもそもredirect_toってturbolinksと関係あるのかという疑問が浮かんできたので
色々調べてみた。

form_withはデフォルトでajaxを使ってformを送信している。
そのajaxを使ってformを送信すると
送信先のコントローラーで実行されるredirect_toの挙動にturbolinksが関わってくる。

works_controller.rb

  def create
    work = current_user.work.new( post_work )
    work.save
    redirect_to user_url( current_user )　#こいつの挙動が少し変わる
  end

解決方法

ターミナル

yarn add turbolinks

application.js

import Turbolinks from "turbolinks";
Turbolinks.start();

local: trueを追加することでajaxをオフにする

_form.html.slim

= form_with model: @work, local: true do |f|

これで解決した

間違い等や他に良い解決方法がありましたらコメントでご指摘いただけると幸いです。