2017-07-04 20 views
-3

私はCSSファイルの読み込みに長時間をかけています。私は他のstackoverflowの質問と幸運を見てきました。私はexpress.staticステートメントを持っています。私は "標準"ファイル順序を持っています。私は何か非常に明白な間違いをしているようです。CSS 404 Node.JS

<html> 
    <head> 
     <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
     <nav> 
      <ul> 
       <li class="inline"><a class="inline" target="_blank" href="http://instagram.com/blakskyben/?hl=en">My Insta</a></li> 
       <li class="inline"><a class="inline" href="/about">About Me</a></li> 
       <li class="inline"><a class="inline" href="/">Blogs</a></li> 
      </ul> 
     </nav> 
___________________________________________________________________________ 
    var express = require("express"), 
     app = express(), 
     bodyParser = require("body-parser"), 
     mongoose = require("mongoose"); 

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

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

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

    app.use(bodyParser.urlencoded({extended: false})); 
    app.use(bodyParser.json()); 

    app.get("/",function(req,res){ 
     res.redirect("/blogs"); 
    }); 

    app.get("/blogs",function(req,res){ 
     blog.find({},function(err,foundBlogs){ 
      if(foundBlogs){ 
       res.render("blogs.ejs",{blogs: foundBlogs}); 
      } else { 
       res.send("Sorry, an error occured retriving the blogs, " + err); 
      } 
     }); 
    }); 

    app.get("/blogs/:id",function(req,res){ 
     blog.findById(req.params.id,function(err,foundBlog){ 
      if(foundBlog){ 
       res.render("show.ejs",{blog: foundBlog}); 
      } else { 
       res.send("Sorry, but there was an error, " + err); 
      } 
     }); 
    }); 

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

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

    //Seed the DB! 

    blog.create({ 
     title: "Camp", 
     content: "Blah." 
    }); 

    app.listen(8080); 
+0

は 'プロジェクトディレクトリに存在style.css'ですみては? – Chip

+0

パブリックフォルダ内のCSSフォルダにあります。 –

答えて

0

、あなたのCSSファイルがフォルダ内にある場合は、アプリケーションのルートdirecotryのすなわち

<link rel="stylesheet" href="/style.css"> 

やからCSSのパスを追加してみてください、

<link rel="stylesheet" href="/folderName/style.css"> 

あなたのための適用方。

+0

彼らの働いた人はいません。 –

0

静的ディレクトリへのパスが間違っていると思います。代わりに

app.use(express.static("public")); 

app.use(express.static(__dirname + "/public")); 
関連する問題