javascript - 哈巴狗(玉)中的错误不显示布局中的内容
问题描述
大家好我最近开始哈巴狗(玉),我无法加载我的布局
这是我的layout.pug
html(lang='en')
head
title hi
link(rel='stylesheet', type='text/css', href='../public/css/W3.css')
link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Allerta+Stencil')
body
div.w3-bar.w3-black
div.w3-left.w3-margin-left
a.w3-bar-item.w3-opacity.w3-large.w3-btn(href='#') My website template
a.w3-bar-item.w3-button.w3-hover-green(href='#') Home
a.w3-bar-item.w3-button.w3-hover-green(href='#') Link 1
div.w3-right.w3-margin-right
a.w3-bar-item.w3-button.w3-hover-blue(href='#') Link 2
a.w3-bar-item.w3-button.w3-hover-orange(href='#') Link
div.w3-margin.w3-continer.w3-center
div.w3-margin.w3-card-4.w3-continer
p.w3-jumbo.w3-opacity(class='.w3-allerta') this is my first template
p.w3-large.w3-margin welcome to Home
我用 index.pug 加载它
extends layout
block content
h3 hello world
我用这段代码加载它
app.get('/', function (req, res) {
res.render('index.pug');
});
我也用这段代码把我的css框架w3.css放在公共文件夹中
app.use(express.static(path.join(__dirname, "public")))
我得到这个错误
Error: C:\Users\MashadService.ir\Desktop\node js\express-simple-website\views\index.pug:3:1
Unexpected block content
at makeError (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug-error\index.js:32:13)
at error (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug-linker\index.js:7:30)
at C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug-linker\index.js:47:9
at Array.forEach (<anonymous>)
at link (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug-linker\index.js:45:20)
at compileBody (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug\lib\index.js:170:9)
at Object.exports.compile (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug\lib\index.js:242:16)
at handleTemplateCache (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug\lib\index.js:215:25)
at Object.exports.renderFile (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug\lib\index.js:427:10)
at Object.exports.renderFile (C:\Users\MashadService.ir\Desktop\node js\express-simple-website\node_modules\pug\lib\index.js:417:21)
感谢你们对我的帮助
解决方案
layout.pug 在添加代码block content
html(lang='en')
head
title hi
link(rel='stylesheet', type='text/css', href='../public/css/W3.css')
link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Allerta+Stencil')
body
div.w3-bar.w3-black
div.w3-left.w3-margin-left
a.w3-bar-item.w3-opacity.w3-large.w3-btn(href='#') My website template
a.w3-bar-item.w3-button.w3-hover-green(href='#') Home
a.w3-bar-item.w3-button.w3-hover-green(href='#') Link 1
div.w3-right.w3-margin-right
a.w3-bar-item.w3-button.w3-hover-blue(href='#') Link 2
a.w3-bar-item.w3-button.w3-hover-orange(href='#') Link
div.w3-margin.w3-continer.w3-center
div.w3-margin.w3-card-4.w3-continer
p.w3-jumbo.w3-opacity(class='.w3-allerta') this is my first template
p.w3-large.w3-margin welcome to Home
block content
推荐阅读
- mysql - 为什么回滚事务中创建的列在事务之后存在?
- java - 实现接口方法(没有显式实现该接口)的类是否扩展了该特定接口?
- konvajs - 将元素放在前台
- android - 我的 android model_class 中的字段没有设置器/字段。尝试在 recyclerView 中显示数据时
- java - 如何让用户输入回到之前的问题
- python - 为什么 print("COMPUTER:"guess) 的输出没有出现在控制台上?
- docker - 使用数据初始化 Cloudera Hive Docker 容器
- ruby-on-rails - Rails 不会在邮件中发送 1 个字段
- javascript - 如何解决 Uncaught SyntaxError: Unexpected Identifier while pass a string to javascript function using onclick inside PHP echo
- php - php长轮询“杀死”服务器