使用Express 4与触笔中间件，SyntaxError

Question

我正在尝试使用nodejs express v4与stylus，但它抛出了SyntaxError。请帮忙解决，你可以在下面找到我的server.js代码；

请注意：这是我第一次创建MEANstack项目，请不要对我太苛刻 :)

您的环境已设置为使用Node.js 0.10.26（x64）和npm。

Error: Most middleware (like logger) is no longer bundled with Express and must
be installed separately. Please see https://github.com/senchalabs/connect#middle
ware.
    at Function.Object.defineProperty.get (C:\Sites\meanProject\node_modules\exp
ress\lib\express.js:89:13)
    at Object.<anonymous> (C:\Sites\meanProject\server.js:10:17)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
    at node.js:902:3

server.js:

    var express = require('express');
var stylus = require('stylus');
var env = process.env.NODE_ENV = process.env.NODE_ENV || 'development';

var app = express();

//set view engine
app.set('views', __dirname + '/server/views');
app.set('view engine', 'jade');
app.use(express.logger('dev'));
app.use(express.bodyParser());

//style middlware
app.use(stylus.middleware({
  src: __dirname + '/public',
  dest: __dirname + '/public/css',
  compile: function compile(str, path){
     return stylus(str).set('filename', path).set('compress', true);
  }
}));

app.use(express.static(path.join(__dirname + '/public')));//all public req will be responded by public dir now.

//load route
app.get('*', function(req, res){
    res.render('index');
});

//start listening on server
var port = 3000;
app.listen(port);
console.log('Server running at localhost:' + port);

- STEEL

Answer 1

@thyforhtian，是的，你说得对，我的代码已经过时了。

我进行了修复。 我不再使用nodejs编译我的stylus文件，而是使用gulp。

在这里发布我的文件，附上步骤，可能会对其他人有所帮助。

使用gulp watch编译stylus文件。以及express服务器js文件的代码

首先安装节点模块。

npm init 
npm install -save express jade


// Step 1: Install gulp globally
npm install -g gulp

// Step 2: Install gulp in your project
npm install --save-dev gulp gulp-stylus gulp-plumber

npm install morgan body-parser --save

server.js

var express = require('express');
var stylus = require('stylus');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var env = process.env.NODE_ENV = process.env.NODE_ENV || 'development';

var app = express();

//set view engine
app.set('views', __dirname + '/server/views');
app.set('view engine', 'jade');
app.use(logger('dev'));
app.use(bodyParser.urlencoded());
app.use(cookieParser());

//all public req will be responded by public dir now.
app.use(express.static(__dirname + '/public'));

//load route
app.get('*', function(req, res){
    res.render('index');
});

//start listening on server
var port = 3000;
app.listen(port);
console.log('Server running at localhost:' + port);

gulpfile.js

var gulp = require('gulp');
var stylus = require('gulp-stylus');
var plumber = require('gulp-plumber');

gulp.task('stylus', function() {
  gulp.src('public/stylesheets/style.styl')
    .pipe(plumber())
    .pipe(stylus())
    .pipe(gulp.dest('public/stylesheets'));
});

gulp.task('watch', function() {
  gulp.watch('public/stylesheets/*.styl', ['stylus']);
});

gulp.task('default', ['stylus', 'watch']);

运行gulp以执行

- STEEL

---

我很高兴你弄清楚了。Gulp或Grunt绝对是正确的选择。 - thyforhtian

Answer 2

在src: __dirname + '/public'后面似乎缺少一个逗号。

---

更新

您应该像这样要求并使用它（首先将其添加到package.json中并使用npm install）：

var express        = require('express');
var logger         = require('morgan');
var bodyParser     = require('body-parser');
var app            = express();

app.use(logger('dev'));                     
app.use(bodyParser());                      

- thyforhtian

---

你正在使用Express v4，但你的代码是为Express v3编写的。你现在遇到的错误与express.logger有关。Express v4不再使用connect中间件。你必须将它（logger）添加到项目依赖项中。logger的包名叫做“morgan”。 在这里，你可以找到一个很好的指南，介绍如何从Express 3升级到4。 - thyforhtian

@STEEL 我在我的回答更新中包含了一个示例。 - thyforhtian