railsのレイアウトファイルはデフォルトではlayouts > application.html.erbが読み込まれますが、
別のファイルを読み込ませるとログアウト時に以下のエラーが発生します
レイアウトファイルが関与していると思いますが、application.html.erbを読み込むことによって、どのファイルが動きログイン機能が使えるようになるのですか?
###読み込ませたファイル
vue.html.erb
application.html.erbとの違いは、vue.jsを読み込ませる記述に変えてるところです
<!DOCTYPE html> <html> <head> <title>タイトル</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> </head> <body> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script> <%= render partial: "tweets/header" %> <%= yield %> </body> </html>
エラーが起きないのは
##application.html.erb デフォルト
<!DOCTYPE html> <html> <head> <title>タイトル</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> </head> <body> <%= render partial: "tweets/header" %> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script> <%= yield %> </body> </html>
回答2件
あなたの回答
tips
プレビュー