Gulp-jade не компилируется в html

413
21 декабря 2016, 03:24

Есть 3 файла:
head.jade

meta(charset="utf-8")

footer.jade

    footer
          p

index.jade

doctype html
html
     head
        include parts/head
    body
        include parts/footer

При компиляции получаю ошибку:

Warning: missing space before text for line 1 of jade file "/media/g-dogg/DATA/Web_Projects/MyIzm/src/tpl/parts/head.jade"
Warning: missing space before text for line 1 of jade file "/media/g-dogg/DATA/Web_Projects/MyIzm/src/tpl/parts/footer.jade"
events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: /media/g-dogg/DATA/Web_Projects/MyIzm/src/tpl/parts/footer.jade:2
    1|  footer
  > 2|      p
unexpected token "indent"

Уже перерыл все, что мог, не могу понять. что нужно ему. Прошу помощи

Answer 1

Во-первых я не знаю, как вы используете jade, если его давно переименовали в pug. Я покажу на примере pug. У меня лично всё скомпилировалось без ошибок. Вот архив с исходниками. Сначала устанавливаете pug глобально: npm i pug-cli -g, затем компилируете: pug index.pug. у меня на выходе получился такой html: <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><footer><p></p></footer></body></html>.

По всей видимости у вас лишние отступы в footer.

READ ALSO
Не появляется картинка в приложении Ruby on Rails

Не появляется картинка в приложении Ruby on Rails

Хочу на странице вывести картинку:

391
localStorage.set и $(&#39;body&#39;).html()

localStorage.set и $('body').html()

Хочу записать результат $('body')html() в localStorage

433
Добавить &lt;DIV&gt; к картинке

Добавить <DIV> к картинке

ЗдравствуйтеПодскажите, пожалуйста, как решить данную задачу:

307