Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
直接点击静态css文件url(http://localhost:3000/css/style.css )响应正常,但未应用于ejs模板元素?_Css_Node.js_Express_Path_Ejs - Fatal编程技术网

直接点击静态css文件url(http://localhost:3000/css/style.css )响应正常,但未应用于ejs模板元素?

直接点击静态css文件url(http://localhost:3000/css/style.css )响应正常,但未应用于ejs模板元素?,css,node.js,express,path,ejs,Css,Node.js,Express,Path,Ejs,我是node.js的新手。 我正在使用ejs部分模板。我已经在这个问题上呆了好几天了,我在根目录中有public/css/style.css文件。 我从视图/contact.ejs和视图/home.ejs访问此文件的位置 Contact.ejs !-- 开始代码段:js hide:false控制台:true babel:false--> 联系我们! 在这里学习最好的代码技术。。。。 EJS文件模板 main.js var express=require('express'); var-ap

我是node.js的新手。 我正在使用ejs部分模板。我已经在这个问题上呆了好几天了,我在根目录中有public/css/style.css文件。 我从视图/contact.ejs和视图/home.ejs访问此文件的位置

Contact.ejs !-- 开始代码段:js hide:false控制台:true babel:false-->


联系我们!
在这里学习最好的代码技术。。。。
EJS文件模板
main.js

var express=require('express');
var-app=express();
应用程序集(“查看引擎”、“ejs”);
//app.set('views','/views');//设置express可以找到的查看文件夹的路径
//默认情况下,express将检查js文件第一个根目录中的视图文件夹
应用程序使用(express.static('public'))
app.get('/profile/:id',(req,res)=>{
风险值数据={
年龄:23,,
职位:“软件开发人员”,
爱好:[“吃”、“钓鱼”、“玩游戏”]
}
console.log('hey');
res.render('profile',{name:req.params.id,data:data});
});
app.get('/home',(请求,res)=>{
res.render(“家”);
});
应用程序获取(“/”,(请求,请求)=>{
res.render(“家”);
});
app.get('/contact',(请求、回复)=>{
res.render(“接触”);
});
app.listen(3000);
//console.log(uu dirname+“”);
style.css

正文{
背景色:天蓝色;
文本对齐:居中;
}
h3{
字体大小:50px;
字体系列:Impact、Haettenschweiler、“Arial窄加粗”、无衬线;
颜色:白色;
}
氢{
颜色:白色;
}
睾丸{
颜色:红色;
}
这是我的文件结构


我想它的
。/public/css/style.css
@MatanSanbira已经尝试过了,但是没有working@Pete删除public意味着public构建在节点的可识别目录中??其次,我为标题添加了类dom元素,而不是像你建议的那样使用标题标记,但仍然不起作用。@Pete根据我的理解,这个
app.use(express.static('public'))
line负责此响应
http://localhost:3000/css/style.css
我们不需要提及public,因为express会自动为静态文件设置目录,但是在样式表只提到
/css/style.css
的情况下,我不知道
.ejs
文件是如何引用这种样式的sheet@Pete如果你觉得我是在打架,事实上是在试图纠正我的观念,只是在尝试后才来找你,因为你建议的解决方案不起作用,我向你道歉。