Gulp翡翠汇编

Question

我正在使用gulp-jade，但我的一个模板出现了这个错误：

557| 
558| 
> 559| 
560|     .tabs-wrap(ng-show="eventExists"): .contain-center
561| 
562|       #room-tabs-contain.contain-disable.contain: .contain-center

unexpected token "pipeless-text"
at Parser.parseExpr (/Users/dylan/project/node_modules/jade/lib/parser.js:254:15)

乍一看，这是 github.com/jadejs/jade 中的错误。可能是这样，但我也在使用jade来使用express来服务器模板，并且在通过express路由器时，模板符合得很好，没有错误。

我尝试明确说明 gulp 使用的翡翠实例：

gulpjade = require 'gulp-jade'
jade = require 'jade'
locals = {}
gulp.src "#{config.client}/**/*.jade"
  .pipe gulpjade(jade: jade, pretty: true, locals: locals)
  .pipe gulp.dest("#{config.build}")

仍然没有运气。我想弄清楚的关键问题是：

• 为什么这个jade模板通过express可以渲染好，但是通过gulp-jade就报错了

Answer 1

事实证明，我错了。我实际上并没有成功地使用 express 渲染模板。

正确的解决方案以及我的模板遇到的错误是由于玉 1.9 和 1.11 之间的更改

示例 1

• 注释掉.col-sm-3.text-right div

不好

//- .col-sm-3.text-right

好

//-
  .col-sm-3.text-right

---

示例 2

• img 元素应该可见，.col-sm-3.text-right div 应该被注释掉

不好

img(src="/image-path/png", alt="someimage")
  //- .col-sm-3.text-right

好

img(src="/image-path/png", alt="someimage")
//- .col-sm-3.text-right