2017-09-05 5 views
1

サイドバーのナビゲーションがすべてのページに表示されるアプリケーションを作成しています。コンテンツを複製する代わりに、レイアウトファイルでナビゲーションを行い、それを他のjadeファイルで使用したいと考えています。ここレイアウトを使用したときにJade Template Engineエラーが発生する

html 
head 
    meta(charset='utf-8') 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    link(rel='stylesheet', href='/stylesheets/bootstrap.min.css') 
    title= title 
body 
    #wrapper 
     #sidebar-wrapper 
      ul.sidebar-nav 
       li.sidebar-brand 
        a(href="#") LMS 
       li 
        a(href="#") Dashboard 
       li 
        a(href="#") Search 
       li 
        a(href="#") Issue 
    block dashboard 

と私のindex.pugファイルです:

extends layout 
block dashboard 
    p Welcome to express 

ルータファイルが標準であり、インデックスファイルをレンダリングするには

はここlayout.pugファイルです。 しかし、ブラウザでアプリケーションを読み込もうとすると、このエラーが発生します。

GET/500 241.336 ms - 1178 
Error: C:\Users\Faisal\Desktop\LMS\views\error.pug:3 

Unexpected block content 
at makeError (C:\Users\Faisal\Desktop\LMS\node_modules\pug-error\index.js:32:13) 
at error (C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:7:30) 
at C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:47:9 
at Array.forEach (<anonymous>) 
at link (C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:45:20) 
at compileBody (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:171:9) 
at Object.exports.compile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:243:16) 
at handleTemplateCache (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:216:25) 
at Object.exports.renderFile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:428:10) 
at Object.exports.renderFile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:418:21) 

このエラーコードはかなりあいまいで、私のコードに何が間違っているかわかりません。

EDIT 1: ここでは、ここで何が起こっている

extends layout 
block content 
h1= message 
h2= error.status 
pre #{error.stack} 
+0

を明らかにされるを読み込むための変更error.pugライン2。私は問題がそこにあると思います。行3 – ojf

+1

'error.pug'ファイルにエラーがありますので、この内容を質問に追加してください。 – alexmac

+0

@ojf私はexpressを使って基本的なファイルとディレクトリを生成していたので、error.pugが生成されました。 –

答えて

0

をerror.pugだそれはあなたのルートがエラーを投げているし、レンダリングしようとしたときに、あなたのエラーページは、エラーを投げています。

block dashboard 

代わりの

block content 

と実際の誤差はJADEが、あなたのerror.pugを投稿now..can PUGと呼ばれる

+0

私はこの変更を加え、インデントに関する別のエラーが来てインデントを修正し、ナビゲーションが正しく表示されるようになりました。しかし、それはindex.pugの内容と重なっています。それは右のCSSに関連している?なぜならlayout.pug以外のものはすべて、その下の代わりにナビゲーションの横に表示したいからです。 P.S:ウェブからサイドバーのナビゲーションテンプレートをコピーしました。 –

+0

新しい質問を始める。 :) – ojf

関連する問題