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

cyaolong
  • 13

用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>

网页调试界面:
图片描述

回复
阅读 1.9k
1 个回答
✓ 已被采纳
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏