最近在使用jade+express+typescript搭建一个博客项目，在使用jade-bootstrap项目时出现了一个问题

在使用其中的carousel时，发现其中的变量并没有转义

+carousel("157",[                {image:"images/bgimage.jpg",h1:"Headline #1",p:"Carousel Caption #1",button:{caption:"Sign up today",url:"#"}},                {image:"images/bgimage.jpg",h1:"Headline #2",p:"Carousel Caption #2",button:{caption:"Sign up today",url:"#"}},                {image:"images/bgimage.jpg",h1:"Headline #3",p:"Carousel Caption #3",button:{caption:"Sign up today",url:"#"}},                {image:"images/bgimage.jpg",h1:"Headline #4",p:"Carousel Caption #4",button:{caption:"Sign up today",url:"#"}}            ])

结果是

    
     
      
      
      
      
     
     
      
       
       
        
Headline #1
        
Carousel Caption #1
        
Sign up today
       
      
      
       
       
        
Headline #2
        
Carousel Caption #2
        
Sign up today
       
      
      
       
       
        
Headline #3
        
Carousel Caption #3
        
Sign up today
       
      
      
       
       
        
Headline #4
        
Carousel Caption #4
        
Sign up today
       
      
     
     Previous
     Next
    

其中的a属性的#{item.image}原样输出，开启jade模版的debug也并没有报错。

pug其实就是jade的新版本，为了避免版权进行了修改，因此我一开始查阅的jade资料。

我在该库的issues中看见了一个很久的

当然最后是在看pug的英文文档发现了错误，该库的源码在jade更新到pug后由于api的改变已经不能正确使用，需要进行修改。

jade to pug

另一个相关的

唉，偷懒看中文文档确实没法保证时效性啊。修改了其中模版的代码后可以正确使用。