lp玉匯編

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中的錯誤。 可能是這樣，但是我也將玉器用於帶有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}")

仍然沒有運氣。 我想找出的關鍵問題是：

• 為什么這個翡翠模板可以通過express很好地渲染，但是經過gulp-jade時卻出錯了

Answer 1

原來，我錯了。 我實際上並沒有成功使用express渲染模板。

正確的解決方案以及我的模板遇到的錯誤是由於Jade 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