nodejs 除了button加其他任何html元素都不显示

发布于 2022-09-05 08:41:08 字数 2311 浏览 17 评论 0

用nodejs搭建了一个本地环境,但在前端页面代码编写时,发现除了button能显示外,其他任何元素都不显示。在button前加任何东西哪怕一个数字“1”,也会导致页面空白。

本人接近0编程基础,只粗略接触过html+css+js,能看懂非常简单的代码。

代码如下:

app.js:

/**
 * Created by Ken on 17/8/3.
 */

var express = require('express');
var path = require('path');
var logger = require('morgan');
var favicon = require('serve-favicon');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');

var app = express();

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('err', {
        message: err.message,
        error: {}
    });
});

var listenPort = 8080;
var listentext = 'The server has been set up';

app.listen(listenPort, function(){
    console.log(listentext + 'at ' + listenPort + '.');
});

module.exports = app;

index.jade:

//
   Created by Ken on 17/8/3.

extends layout

block content

    <button>上传激活数</button>
    <br>
    <button>上传留存数</button>
    <br>
    <button>上传活跃数</button>
    <br>
    <button>上传转化数</button>
    <br>
    <button>上传充值数</button>

<p>title</p>
<p>title</p>
<p>title</p>
<p>title</p>
<p>title</p>

网页调试界面:
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

唐婉 2022-09-12 08:41:08

jade 是有自己的语法的,你不能按 html 的套路来写

https://naltatis.github.io/ja...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文