javascript - 使用 jade 和 Eclipse 出现意外 token 'Indent'

Question

我正在尝试学习 Node、Angular、JavaScript、Express 和 Jade。对于来自严格基于 .net 的代码环境的我来说，这一切都很新鲜。

所以我找到了一个教程，但在第 2 步我遇到了麻烦。现在，这是我在创建新项目时在 Eclipse 自动创建的 index.jade 文件中所做的教程的直接复制粘贴。

我将以下代码插入到文件中

    doctype 5
    html(lang='en)
      head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width,initial-scale=1, user-scalable=no')
        title= title
        link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css')
        link(rel='stylesheet', href='/stylesheets/style.css')
      body
        nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation')
          div.navbar-header
            a.navbar-brand(href='#/polls')= title
        div.container
          div

我在 html 的头部出现了意外的标记“缩进”错误。现在我对使用 Eclipse 和 Jade 都很陌生，我不知道该怎么做。我搜索过 stackoverflow，但似乎找不到任何人遇到与我完全一样的问题，所以我很迷失。任何提示将不胜感激。

Answer 1

你的文档开始时应该没有任何空格(从文档的左侧开始)，这可能是复制粘贴的副作用，它应该是这样的:

doctype html
html
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width,initial-scale=1, user-scalable=no')
    title= title
    link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css')
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation')
      div.navbar-header
        a.navbar-brand(href='#/polls')= title
    div.container
      div