EJS, Express, Knoten - js oder css kann nicht geladen werden

Ich versuche EJS, Node und Express (neu für alle drei) zu verwenden. Hier ist meine EJS-Datei, meine APP.JS-Datei und Verzeichnisstruktur. Können Sie mir bitte helfen, zu verstehen, wie man Dinge richtig einrichtet? Danke im Voraus.EJS, Express, Knoten - js oder css kann nicht geladen werden

EJS-Datei:

<html> 
    <head> 
    <script href="/javascripts/main.js"></script> 
    <link rel="stylesheer" href="/stylesheets/style.css" /> 
    </head> 
    <body> 
    test 
    </body> 
</html>

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 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', 'ejs'); 

// uncomment after placing your 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('/', routes); 
app.use('/users', users); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handlers 

// development error handler 
// will 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 to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
    message: err.message, 
    error: {} 
    }); 
}); 


module.exports = app;

Dateistruktur:

template_1 
> bin 
> node_modules 
> public 
     > images 
     > javascripts 
      | main.js 
     > stylesheets 
      | style.css 
> routes 
> views 
     | index.ejs 
| app.js 
| gulpfile.js 
| package.json

Quelle

2016-04-27 Ron I

Versuchen Sie, Ihre Zeile zu ersetzen, wenn Sie das öffentliche Verzeichnis auf "app.use (express.static ('public')) setzen;' –

ODER app.use (express.static (__ Verzeichnisname + '/ public /'))); –

@JoshuaTerrill - Um zu bestätigen, meinst du, diese Zeile zu ersetzen? app.use (express.static (Pfad.join (__ dirname, 'public'))); Ich habe es versucht, aber es funktioniert immer noch nicht. –

versuchte ich @JoshuaTerrill solu und es funktioniert (starten Sie Ihre App neu).

Quelle

2016-04-27 13:18:19

EJS, Express, Knoten - js oder css kann nicht geladen werden

Antwort

Verwandte Themen