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

问题描述

问 题

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

网页调试界面：

解决方案

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

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

这篇关于nodejs-express - nodejs 除了button加其他任何html元素都不显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！