2016-06-14 4 views
0

私はコードインデントを表示するためのコードです。以前はindex.hadeにエラーが表示されていましたので、インデントを削除してエラーはなくなりました。私はlayout.jadeでも同じことをしましたが、ヘッダーが欠落していました。だから私はインデントでそれを残します。しかし、私はindex.jadeの内容が何も表示されず、エラーが表示されない理由についての手掛かりはありませんか?index.jadeにはコンテンツが表示されません

layout.jade enter image description here

index.jade enter image description here

これは、テキストボックスとボタンをせずにWeb上で表示する方法です。 enter image description here

答えて

1

あなたの字下げがちょっとずれている可能性があります。以下をコピーして貼り付けてみてください。

layout.jade

doctype html 
html 
    block head 
    title title 
    link(href='/stylesheets/style.css' rel='stylesheet' type='text/css') 
body 
    header#banner 
    h1 Awesome Chat 
    block content 
    footer Hope you enjoy your stay here 

index.jade

extends ./layout 
block content 
    section#chatroom 
    div#messages 
    input#message(type="text" placeholder="Enter your message here") 
    input#send(type="button" value="Send") 
+0

それが今では含まれていない – 112233

+0

だけでCSSをworks..thanksが、なぜ再びインデントの問題? – 112233

+0

@Kerenリンクからコンマを削除してみてください。そして、リンクが左から4つのスペースでインデントされ、titleと整列していることを確認してください。 – Kairat

関連する問題