2013-02-10 31 views
1

我第一次使用Jade + Express,只是玩弄它看看可以做什么。Express + Jade给我的语法错误

我使用Brian Fords seed app作为我学习的基础,也是第一次使用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) 
+0

你可以张贴一起被抛出的错误内身体和头部缩进标记HTML标记? – 2013-02-10 13:26:30

+0

编辑了第一篇文章,给出了确切的错误..对不起! – Keva161 2013-02-10 13:29:34

+1

完美!翡翠确实会对你说它并不期待缩进.. :) – 2013-02-10 13:30:07

回答

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打算用于?! AFAIK,block body将在您使用其他视图文件并将文本追加到布局文件时使用。

1

HTML(LANG = “EN” NG-应用= “对myApp”)

您可能需要添加一个逗号,像这样

HTML(LANG = “EN”,NG -app = “对myApp”)

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
  2. 你要缩进的HTML标记