Невозможно расширить макет в мопсе - PullRequest
0 голосов
/ 08 октября 2018

В моем индексном файле я расширяю макет следующей разметкой:

extends layout
html
  script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js')
  link(rel='stylesheet', href='/stylesheets/style.css')    
  link(rel='stylesheet',href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css')
  script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js')
block content
  h1= title

body

  nav
    .navbar.navbar-inverse
    .container-fluid
    .navbar-header
  a
    .navbar-brand(href='#') WebSiteName
  ul.nav.navbar-nav
    li.active
      a(href='#') Home
    li
      a(href='#') Issues
    li
      a(href='#') Page 2
    li
      a(href='#') Page 3

Я получаю следующую ошибку: только именованные блоки и миксины могут появляться на верхнем уровне расширяемого шаблона.

Погуглил и попробовал некоторые базовые исправления, которые не помогли

layout.pug:

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='stylesheets/style.css')
  block content  
  body
   nav
    .navbar
    .container-fluid
    .navbar-header
   a
    .navbar-brand(href='#') WebSiteName
    ul.nav.navbar-nav
      li.active
        a(href='#') Home
      li
        a(href='#') Page 1
      li
        a(href='#') Page 2
      li
        a(href='#') Page 3

1 Ответ

0 голосов
/ 08 октября 2018

Можете ли вы поделиться расширением кода макета?Также попробуйте указать тело и его подэлементы на вкладке.

extends layout


block content
    h1= title

    body
        script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js')
        link(rel='stylesheet', href='/stylesheets/style.css')    
        link(rel='stylesheet',href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css')
        script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js') 
        nav
            .navbar.navbar-inverse
            .container-fluid
            .navbar-header
        a
            .navbar-brand(href='#') WebSiteName
        ul.nav.navbar-nav
            li.active
              a(href='#') Home
            li
              a(href='#') Issues
            li
              a(href='#') Page 2
            li
              a(href='#') Page 3
...