CSS3-Datei 404 - - Node.JS und EJS

Ich weiß, dass dies ein Duplikat zu sein scheint, aber ich habe andere Antworten angeschaut, aber sie werden nicht für mich arbeiten. Hier ist mein Code:CSS3-Datei 404 - - Node.JS und EJS

NodeJS:

var express = require("express"), 
    app  = express(), 
    mongoose = require("mongoose"); 

mongoose.connect("mongodb://localhost/e_c"); 

app.use(express.static(__dirname+"public")); 
app.use(express.static(__dirname+"partials")); 

var blogSchema = new mongoose.Schema({ 
    title: String, 
    author: String, 
    pictureForTitle: String, 
    content: String 
}); 

var blog = mongoose.model("blog",blogSchema); 

app.set("view engine","ejs"); 

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

    app.listen(process.env.PORT,process.env.IP);

Head.ejs:

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="/public/css/styles.css"> 
</head> 
<body> 
<nav id="navBar"> 
    <div id="aboutSite"> 
     <p>About This Site</p> 
     <div id="aSDropContent"> 
      <p>About The Author Of This Site</p> 
      <p>Why The Author Created This</p> 
     </div> 
    </div> 
</nav>

ich die express.static versucht haben, wie Sie sehen können. Aber es funktioniert nicht. Ich habe sogar versucht, von einem früheren Projekt zu kopieren/zu schauen.

Dank einer Tonne, Josh C.

Quelle

2017-03-30 Josh Chen

Existiert Ihre CSS-Datei unter '[ROOT]/public/css/styles.css'? Wenn nicht, suchen Sie möglicherweise nach einer ** relativen ** URL: 'href =" public/css/styles.css "'. –

Ja, natürlich! Ich habe mehrmals nachgesehen. Trotzdem danke. –

Funktioniert es, wenn Sie die href in '" css/styles.css "' zufällig ändern? Wenn dies immer noch nicht der Fall ist, entfernen Sie 'app.use (express.static (__ dirname +" partials "));' und lassen Sie nur 'app.use (express.static (__ dirname +" public ")));' und versuchen Sie es erneut. –

Ich habe das gleiche Problem bekam, und es behoben von "öffentlich" mit "/ public"

app.use (express.static (__ dirname ersetzen +“ /Öffentlichkeit"));

Dann

href = "/ css/styles.css"

Ich hoffe, dies kann helfen!

Quelle

2017-04-03 23:06:18 malagasy

CSS3-Datei 404 - - Node.JS und EJS

Antwort

Verwandte Themen