teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

ttttt

2020/12/09 13:08

投稿

Meitoku
Meitoku

スコア44

title CHANGED
File without changes
body CHANGED
@@ -5,6 +5,7 @@
5
5
  レイアウトファイルが関与していると思いますが、application.html.erbを読み込むことによって、どのファイルが動きログイン機能が使えるようになるのですか?
6
6
 
7
7
  ###読み込ませたファイル
8
+ vue.html.erb
8
9
  application.html.erbとの違いは、vue.jsを読み込ませる記述に変えてるところです
9
10
  ```
10
11
  <!DOCTYPE html>

2

2020/12/09 13:08

投稿

Meitoku
Meitoku

スコア44

title CHANGED
File without changes
body CHANGED
@@ -4,7 +4,8 @@
4
4
 
5
5
  レイアウトファイルが関与していると思いますが、application.html.erbを読み込むことによって、どのファイルが動きログイン機能が使えるようになるのですか?
6
6
 
7
- 読み込ませたファイル
7
+ ###読み込ませたファイル
8
+ application.html.erbとの違いは、vue.jsを読み込ませる記述に変えてるところです
8
9
  ```
9
10
  <!DOCTYPE html>
10
11
  <html>
@@ -22,4 +23,25 @@
22
23
  <%= yield %>
23
24
  </body>
24
25
  </html>
26
+ ```
27
+ エラーが起きないのは
28
+ ##application.html.erb デフォルト
29
+ ```
30
+ <!DOCTYPE html>
31
+ <html>
32
+ <head>
33
+ <title>タイトル</title>
34
+ <%= csrf_meta_tags %>
35
+ <%= csp_meta_tag %>
36
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
37
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
38
+ <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
39
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
40
+ </head>
41
+ <body>
42
+ <%= render partial: "tweets/header" %>
43
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
44
+ <%= yield %>
45
+ </body>
46
+ </html>
25
47
  ```

1

っd

2020/12/09 12:55

投稿

Meitoku
Meitoku

スコア44

title CHANGED
File without changes
body CHANGED
@@ -2,4 +2,24 @@
2
2
  別のファイルを読み込ませるとログアウト時に以下のエラーが発生します
3
3
  ![イメージ説明](f8d0baa757ddb1d2cd868d533761019e.png)
4
4
 
5
- レイアウトファイルが関与していると思いますが、application.html.erbを読み込むことによって、どのファイルが動きログイン機能が使えるようになるのですか?
5
+ レイアウトファイルが関与していると思いますが、application.html.erbを読み込むことによって、どのファイルが動きログイン機能が使えるようになるのですか?
6
+
7
+ 読み込ませたファイル
8
+ ```
9
+ <!DOCTYPE html>
10
+ <html>
11
+ <head>
12
+ <title>タイトル</title>
13
+ <%= csrf_meta_tags %>
14
+ <%= csp_meta_tag %>
15
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
16
+ <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
17
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
18
+ </head>
19
+ <body>
20
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
21
+ <%= render partial: "tweets/header" %>
22
+ <%= yield %>
23
+ </body>
24
+ </html>
25
+ ```