質問編集履歴

3

\.

2017/09/09 15:29

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -17,76 +17,6 @@
17
17
  掲示板を作りたいです。
18
18
 
19
19
  とりあえずhtml,css,jsで適当にログインフォームを作りました。
20
-
21
- ![ログインフォーム](4f3a9cb8e9a2318913f17b7025178750.png)
22
-
23
- ソースコードを貼っておきます。
24
-
25
- ```html
26
-
27
- <!DOCTYPE html>
28
-
29
- <html lang="ja">
30
-
31
-
32
-
33
- <head>
34
-
35
- <meta charset="utf-8">
36
-
37
- <title>ログインページ</title>
38
-
39
- <meta name="description" content="ログインを行うページです。IDとpasswordを入力してもらうか、新規登録画面へ飛べます。">
40
-
41
- <meta name="viewport" content="width=device-width">
42
-
43
- <link rel="stylesheet" href="../css/login.css">
44
-
45
- <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
46
-
47
- </head>
48
-
49
-
50
-
51
- <body>
52
-
53
- <div class="wrapper">
54
-
55
- <i class="fa fa-sign-in fa-5x" id="logo" aria-hidden="true"></i>
56
-
57
- <form action="http://localhost:1323/post" method="post">
58
-
59
- <input type="text" name="id" id="userid_form"/>
60
-
61
- <label for="userid_form" id="userid_icon"><i class="fa fa-user" aria-hidden="true"></i></label>
62
-
63
- <input type="password" name="password" id="password_form"/>
64
-
65
- <label for="password_form" id="password_icon"><i class="fa fa-lock" aria-hidden="true"></i></label>
66
-
67
- <input type="hidden" name="login" value="login">
68
-
69
- <a id="login_button" href="javascript:form0.submit()">Login</a>
70
-
71
- </form>
72
-
73
- </div>
74
-
75
- <script src="../jquery-3.2.1.slim.min.js"></script>
76
-
77
- <script src="../js/login.js"></script>
78
-
79
- <script src="../riot+compiler.min.js"></script>
80
-
81
- <script>riot.mount('*');</script>
82
-
83
- </body>
84
-
85
-
86
-
87
- </html>
88
-
89
- ```
90
20
 
91
21
 
92
22
 
@@ -185,5 +115,3 @@
185
115
 
186
116
 
187
117
  echoを介さず、そのままhtmlファイルをブラウザに落とし込んだところ、しっかり表示されました。
188
-
189
- ![結果](6578f136c8a68c22a5d155a6646fe330.png)

2

修正

2017/09/09 15:29

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -180,4 +180,10 @@
180
180
 
181
181
  ここがUnexpected tokensとなっていることです。
182
182
 
183
- <!DOCTYPE html>を削除して実行して見ましたが、結果は同じでした
183
+ <!DOCTYPE html>を削除して実行して見ましたが、結果は同じでした
184
+
185
+
186
+
187
+ echoを介さず、そのままhtmlファイルをブラウザに落とし込んだところ、しっかり表示されました。
188
+
189
+ ![結果](6578f136c8a68c22a5d155a6646fe330.png)

1

追記しました

2017/09/08 16:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -135,3 +135,49 @@
135
135
  #最後に
136
136
 
137
137
  いちいち質問してしまい申し訳なく思っています。お時間取らせてすみません。
138
+
139
+
140
+
141
+ #追記
142
+
143
+ ![環境](53ed0add84c4c04a5c5c07ffc94d7312.png)
144
+
145
+ これは、mattnさんのコードの
146
+
147
+ `"views/*.html"`
148
+
149
+ の部分を
150
+
151
+ `"views/html/*.html"`
152
+
153
+ に変更しただけのコードです。staticには今の所何も入っていません。
154
+
155
+ これで実行して、http://localhost:8989/loginにアクセスしたところ、
156
+
157
+ ![login](c83c0345e68391439c963fe76a843c1a.png)
158
+
159
+
160
+
161
+
162
+
163
+ このようにまったくcssが適用されていないものが表示されました。
164
+
165
+ htmlには
166
+
167
+ ```html
168
+
169
+ <link rel="stylesheet" href="../css/login.css">
170
+
171
+ ```
172
+
173
+ こう記述してあります。
174
+
175
+
176
+
177
+ 原因として考えられるものは
178
+
179
+ ![イメージ説明](556e981402730610ba85b68f02efea21.png)
180
+
181
+ ここがUnexpected tokensとなっていることです。
182
+
183
+ <!DOCTYPE html>を削除して実行して見ましたが、結果は同じでした