1

私は初めて Jade + Express を使用していて、何ができるかを試して遊んでいます。

Brian Fordsシード アプリを学習のベースとして使用し、Jade (テンプレート エンジン) を初めて使用しています。

ただし、新しいファイルを書き出そうとするとindex.jade、Express で構文エラーまたはインデント トークン エラーが表示され続けます。

これが、使用しようとしているコードです。

doctype 5
   html(lang="en" ng-app="myApp")
   head
     meta(charset='utf8')
     base(href='/')
     link(rel='stylesheet' href='/css/app.css')
     title= pageTitle
   body
     block body

どんな助けでも大歓迎です:)

編集

表示されるエラーは次のとおりです。

500 Error: /Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/views/layout.jade:2 1| doctype 5 > 2| html(lang="en" ng-app="myApp") 3| head 4| meta(charset='utf8') 5| base(href='/') unexpected token "indent"
1| doctype 5
> 2| html(lang="en" ng-app="myApp")
3| head
4| meta(charset='utf8')
5| base(href='/')
unexpected token "indent"
at Object.Parser.parseExpr (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/parser.js:241:15)
at Object.Parser.parse (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/parser.js:134:25)
at Object.Parser.parse (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/parser.js:140:24)
at parse (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/jade.js:100:62)
at Object.exports.compile (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/jade.js:163:9)
at Object.exports.render (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/jade.js:215:17)
at View.exports.renderFile [as engine] (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/jade/lib/jade.js:243:13)
at View.render (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/express/lib/view.js:75:8)
at Function.app.render (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/express/lib/application.js:505:10)
at ServerResponse.res.render (/Users/Keva161/Documents/Web Dev/Webapps/Node/angular-express-seed/node_modules/express/lib/response.js:717:7)
4

3 に答える 3

2

翡翠はあなたのhtmlをdoctype内にあると解釈していたと思います。そうではないのに！

doctype 5
html(lang="en" ng-app="myApp")
 head
   base(href='website.domain/url')
   link(rel='stylesheet', href='css/app.css', type='text/css')
   title pageTitle
 meta(http-equiv="content-type", content="#{contentType}; charset=UTF-8")
 body

block bodyまた、何を意図していたのかわからない?! 私の知る限り、block body別のビューファイルを使用していて、レイアウトファイルにテキストを追加しているときに使用されます。

于 2013-02-10T13:25:01.997 に答える
0

コードは次のようになります

doctype html
html(lang="en" ng-app="myApp")
    head
        meta(charset='utf8')
        base(href='/')
        link(rel='stylesheet' href='/css/app.css')
        title= pageTitle
    body
        block body
  1. doctype 内で html タグをインデントしないでください
  2. htmlタグ内でbodyタグとheadタグをインデントする必要があります
于 2016-01-30T14:45:34.940 に答える