求助：编译PUG模板时遭遇UNEXPECTED_BLOCK错误（v5.6.0）

嘿，我帮你定位到报错的原因啦！这个PUG:UNEXPECTED_BLOCK错误主要是块名称大小写不匹配导致的，具体来看：

问题根源 #

你的template.pug里定义的变量块是block Vars（首字母大写），但在index.pug中你写的是block vars（全小写）。Pug对块名称是严格大小写敏感的，编译器找不到对应匹配的块，就抛出了这个错误。

快速修复步骤 #

你只需要保证模板和继承文件里的块名称完全一致就行，两种方式任选其一：

方式一：修改template.pug #

把模板里的大写块名改成小写，和index.pug保持统一：

//- Vars
- var siteName = "LandingPage"
block vars  // 这里把Vars改成vars
doctype html
html(lang="en")
  include head.pug
  body
    include header
    block content
    include footer
    include modals
    include scripts

方式二：修改index.pug #

把继承文件里的小写块名改成大写，对应模板里的定义：

extends template/template
//- Vars
block Vars  // 这里把vars改成Vars
  - var pageTitle=" Home ";
  - var pageDes="HTML App Landing Page Template";
//- Content
block content
  main
    include sections/content_section

额外小提示 #

Pug里变量定义后的分号是可选的，比如- var siteName = "LandingPage" ;可以去掉分号写成- var siteName = "LandingPage"，虽然这不是报错原因，但能让代码更贴合Pug的简洁风格~

内容的提问来源于stack exchange，提问作者Norhan