饮玉汇编

Gulp jade compilation

本文关键字：汇编      更新时间：2023-09-26

我正在使用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使用的jade实例:

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渲染的时候却出错了

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

正确的解决方案，以及我的模板正在经历的错误是由于jade 1.9和1.11之间的变化

示例1

  • 注释掉.col-sm-3.text-rightdiv
坏

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

好
//-
  .col-sm-3.text-right
示例2

  • img元素应该是可见的，.col-sm-3.text-rightdiv应该被注释掉
坏

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

好
img(src="/image-path/png", alt="someimage")
//- .col-sm-3.text-right
相关文章：