EJS,Express,Node – 无法加载js或css

我正在尝试使用EJS,Node和Express(这三者都是新的)。 这是我的ejs文件,我的app.js文件和目录结构。 你能帮我理解如何正确设置东西吗? 提前致谢。

ejs文件:

<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; 

文件结构:

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

我试过@JoshuaTerrill解决scheme,它的工作原理(重新启动你的应用程序)。