javascript - External CSS in Node JS -


i trying bind style external css have in project directory.

my app structre looks this:

webdtu   app.js   public/     stylesheets/       style.css       avgrund.css       animate.css    views/     index.jade     userhome.jade     ....    ....

my userhome.jade:

doctype html  html    head      title mqtt chat application      script(type='text/javascript', src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js')      link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic',  type='text/css')      link(rel='stylesheet', href='../public/stylesheets/animate.css', type='text/css')      link(rel='stylesheet', href='../public/stylesheets/style.css', type='text/css')      link(rel='stylesheet', href='../public/stylesheets/avgrund.css', type='text/css')    body      .avgrund-contents        header          h1 hi #{title}        .pr.center.wrapper          .cf.pr.chat.animate            .pa.chat-shadow            .....

my app.js: 

var express = require('express');  var path = require('path');  var favicon = require('serve-favicon');  var logger = require('morgan');  var cookieparser = require('cookie-parser');  var bodyparser = require('body-parser');  var mongoose = require('mongoose');    var mongo = require('mongodb');  var monk = require('monk');  var db = monk('localhost:27017/webdtu');        var routes = require('./routes/index');  var users = require('./routes/users');    var app = express();        // view engine setup  app.set('views', path.join(__dirname, 'views'));  app.set('view engine', 'jade');    // uncomment after placing favicon in /public  //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));  app.use(logger('dev'));  app.use(bodyparser.json());  app.use(bodyparser.urlencoded({ extended: false }));  app.use(cookieparser());  app.use(express.static(path.join(__dirname, 'public')));    app.use(function(req,res,next){      req.db = db;      next();  });    app.use('/', routes);    // catch 404 , forward error handler  app.use(function(req, res, next) {    var err = new error('not found');    err.status = 404;    next(err);  });    // error handlers    // development error handler  // print stacktrace  if (app.get('env') === 'development') {    app.use(function(err, req, res, next) {      res.status(err.status || 500);      res.render('error', {        message: err.message,        error: err      });    });  }    // production error handler  // no stacktraces leaked user  app.use(function(err, req, res, next) {    res.status(err.status || 500);    res.render('error', {      message: err.message,      error: {}    });  });      module.exports = app;

my problem somehow href='../public/stylesheets/animate.css' not load correct file project directory , not understand why not work.

then in html use 

href='/public/stylesheets/animate.css'

Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

i have entity inherits other. on other hand, i'm using lombok project reduce boilerplate code, put @data annotation. annotation @data inheritance produces next warning: generating equals/hashcode implementation without call superclass, though class not extend java.lang.object. if intentional, add '@equalsandhashcode(callsuper=false)' type. is advisable add annotation @equalsandhashcode (callsuper = true) or @equalsandhashcode (callsuper = false) ? if not added, 1 callsuper=false or callsuper=true ? the default value false . 1 if don't specify , ignore warning. yes, recommended add @equalsandhashcode annotation on @data annotated classes extend else object. cannot tell if need true or false , depends on class hierarchy, , need examined on case-by-case basis. however, project or package, can configure in lombok.config call super methods if not direct subclass of object. lombok.equalsandhashcode.callsuper = call for configuration system ...
Read more

java - BasicPathUsageException: Cannot join to attribute of basic type -

i using java 8 jpa (hibernate 5.2.1). have clause works perfectly, until introduce clause make use foreign key table values too. i getting following error: basicpathusageexception: cannot join attribute of basic type i think problem related fact have join table, , not sure how create join using join table. employee - employee_category - category model (employee.java): @manytomany(cascade = cascadetype.all, fetch=fetchtype.eager) @jointable ( name="employee_category", joincolumns={ @joincolumn(name="emp_id", referencedcolumnname="id") }, inversejoincolumns={ @joincolumn(name="cat_id", referencedcolumnname="id") } ) private set<category> categories; model (category.java): @id private string id; jpa when introduce following code, fails error above (i think problem new piece of code): join<t, category> category = from.join("id"); predicates.add(criteriabuilder.like(category....
Read more