Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS和节点表示问题_Javascript_Html_Css_Node.js_Express - Fatal编程技术网

Javascript CSS和节点表示问题

Javascript CSS和节点表示问题,javascript,html,css,node.js,express,Javascript,Html,Css,Node.js,Express,所以,我只是在测试一些东西 我使用的是Express,只有body元素CSS选择器工作。如果我删除body标签,那么下一个容器可以工作,但是下面的容器不能 当我在ChromeDevTools中检查网络时,它说我的CSS文件已被获取 我还尝试将app.use(express.static(path.join(uu dirname,“/public”))更改为app.use(express.static('public'),但这仍然不起作用。JavaScript提取工作正常。我束手无策 对于我以后要

所以,我只是在测试一些东西

我使用的是Express,只有
body
元素CSS选择器工作。如果我删除body标签,那么下一个容器可以工作,但是下面的容器不能

当我在ChromeDevTools中检查网络时,它说我的CSS文件已被获取

我还尝试将
app.use(express.static(path.join(uu dirname,“/public”))
更改为
app.use(express.static('public')
,但这仍然不起作用。JavaScript提取工作正常。我束手无策

对于我以后要做的事情,有额外的代码,比如
body parser
sqlite3

HTML:

Javascript:

    //server.js
    const express = require('express');
    const app = express();
    const sqlite3 = require('sqlite3');
    const db = new sqlite3.Database('./acs-1-year-2015.sqlite');
    const morgan = require('morgan');
    const bodyParser = require('body-parser');
    const path = require('path');

    const PORT = process.env.PORT || 4001;

    app.use(bodyParser.json());
    app.use(morgan('dev'));
    app.use(express.static(path.join(__dirname, '/public')));

    app.get('/users', (req, res, next) => {
        db.all("SELECT* FROM states", (err, rows) => {
            res.json({rows:rows});
        });

    });



    app.listen(PORT, () => {
        console.log(`We are listening on PORT ${PORT}`);
    });

好的,在调试会话之后,我们发现这与
Express
JavaScript
HTML
事件无关

问题在于
CSS
本身。(令人兴奋的是吗?)

浏览器根本不喜欢选择器后面的分号

//styles.css
body{
    text-align: center;
    height: auto;
    width: 100%;
};  < ---------------------------------- SEE THIS ? :) 

.container1{
    width: 750px;
    height: 750px;
    background-color: saddlebrown;
};  < ---------------------------------- SEE THIS ? :) 
//styles.css
身体{
文本对齐:居中;
高度:自动;
宽度:100%;
};看到这个了吗
.集装箱1{
宽度:750px;
高度:750px;
背景色:马鞍色;
};  < ---------------------------------- 看到这个了吗?:)
因此,通过删除分号,一切都按预期进行


快乐造型

我很乐意帮忙!:)
    //server.js
    const express = require('express');
    const app = express();
    const sqlite3 = require('sqlite3');
    const db = new sqlite3.Database('./acs-1-year-2015.sqlite');
    const morgan = require('morgan');
    const bodyParser = require('body-parser');
    const path = require('path');

    const PORT = process.env.PORT || 4001;

    app.use(bodyParser.json());
    app.use(morgan('dev'));
    app.use(express.static(path.join(__dirname, '/public')));

    app.get('/users', (req, res, next) => {
        db.all("SELECT* FROM states", (err, rows) => {
            res.json({rows:rows});
        });

    });



    app.listen(PORT, () => {
        console.log(`We are listening on PORT ${PORT}`);
    });
//styles.css
body{
    text-align: center;
    height: auto;
    width: 100%;
};  < ---------------------------------- SEE THIS ? :) 

.container1{
    width: 750px;
    height: 750px;
    background-color: saddlebrown;
};  < ---------------------------------- SEE THIS ? :)