无法正确获取Jade语法

Question

I have this jade layout files but everytime I try to render it I get "unexpected text ;" on backgound: url(...). I am not sure how to fix. I have looked at other example and they do it like this.

doctype html
 html
head
style
  body {
    background: url('!{imageURI}');
    background-size:75%;
    background-repeat: no-repeat;
  }
body
h1 Tweets
h1 #{tweet.text}
h1  @#{tweet.user.screen_name}

Answer 1

You have two errors in your pug template:

1. Leading space before html
2. Missing dot after style .

The correct template can looks so:

doctype html
html
head
body
style.
  body {
    background: url('!{imageURI}');
    background-size: 75%;
    background-repeat: no-repeat;
  }
h1 Tweets
h1 #{tweet.text}
h1 @#{tweet.user.screen_name}