Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.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
Node.js 节点呈现的ejs文件可以使用脱机引导吗?_Node.js_Twitter Bootstrap_Ejs_Offline - Fatal编程技术网

Node.js 节点呈现的ejs文件可以使用脱机引导吗?

Node.js 节点呈现的ejs文件可以使用脱机引导吗?,node.js,twitter-bootstrap,ejs,offline,Node.js,Twitter Bootstrap,Ejs,Offline,我对节点和完整堆栈开发还不熟悉,希望我能正确地问这个问题,而不是漫不经心地问,或者出于您对特定理解水平的冒犯 我的开发环境已连接到Internet,生产环境将不连接,我希望将bootstrap.css与节点一起使用。Apache/httpd不是生产中的选项 在本地测试引导是一项挑战,css文件的正确目录被认为是正确的 CENTOS 7上的主目录是myapp,包含app0.js、带有espress和body解析器的node_模块以及所有依赖项,以及包含grid.ejs的views目录 myapp/

我对节点和完整堆栈开发还不熟悉,希望我能正确地问这个问题,而不是漫不经心地问,或者出于您对特定理解水平的冒犯

我的开发环境已连接到Internet,生产环境将不连接,我希望将bootstrap.css与节点一起使用。Apache/httpd不是生产中的选项

在本地测试引导是一项挑战,css文件的正确目录被认为是正确的

CENTOS 7上的主目录是myapp,包含app0.js、带有espress和body解析器的node_模块以及所有依赖项,以及包含grid.ejs的views目录

myapp/ app0.js node_modules views/ grid.ejs public/ bootstrap.css 视图/grid.ejs

<!DOCTYPE html>
<html>

<head>  
  <title>Bootstrap Grid System</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="public/bootstrap.css">
  <style type="text/css">
      .pink {
          background: yellow;
          border: 3px solid red;
       }  
  </style>
</head>

<body>
    <div class="row">
        <div class="col-lg-2 pink"><center>2</center></div>
        <div class="col-lg-7 pink"><center>7</center></div>
        <div class="col-lg-7 pink"><center>3</center></div>
    </div>

</body>

</html>

自举网格系统
.粉红{
背景:黄色;
边框:3倍纯红;
}  
2.
7.
3.
如图所示:


“引导程序不工作”

您必须在app0.js文件中定义要从中提供静态文件的
public
路径。在
bodyParser.json()之后使用
express.static
尝试以下需要
path
模块的app0.js文件:

var express = require('express'),
    app = express(),
    bodyParser = require('body-parser'),
    path = require('path')

app.set('view engine','ejs');
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(express.static(path.join(__dirname, 'public')));

app.get("/grid", function(req, res, next){
    res.render("grid")
});

app.listen(3000,function(){
    console.log("serving test demo on port 3000")
});

您的grid.ejs文件通过以下方式链接引导文件:

<link rel="stylesheet" type="text/css" href="/bootstrap.css">


出色!在分析中,我似乎在不同的点上找到了几乎所有的片段。但显然无法将其结合起来。然而,path=require('path')不在我的雷达上。我非常感激!!!我想了解一件事迪米特里斯。。。node之前在引导时给出了404错误,而不是在我开始写这个问题时。所以,如果它不再有错误,但它仍然没有读取css文件,这是一个正确的理解吗?我不知道你为什么没有得到404错误。无论如何,您的express.js应用程序找不到css文件。
var express = require('express'),
    app = express(),
    bodyParser = require('body-parser'),
    path = require('path')

app.set('view engine','ejs');
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(express.static(path.join(__dirname, 'public')));

app.get("/grid", function(req, res, next){
    res.render("grid")
});

app.listen(3000,function(){
    console.log("serving test demo on port 3000")
});
<link rel="stylesheet" type="text/css" href="/bootstrap.css">