[英]Using stylus middleware with express 4, SyntaxError
Im trying to use nodejs express v4 with stylus, but its throwing SyntaxError. 我试图使用nodejs表达v4与stylus,但它抛出SyntaxError。 Please help, also you can find my server.js below;; 请帮忙,你也可以在下面找到我的server.js ;;
Please note: Im first time creating MEANstack project, and dont be harsh on me :) 请注意:我第一次创建MEANstack项目,对我不要太苛刻:)
Your environment has been set up for using Node.js 0.10.26 (x64) and npm. 您的环境已设置为使用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: 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);
@thyforhtian yes, you were right my code was outdated. @thyforhtian是的,你是对的我的代码已经过时了。
I fixed it. 我修好了它。 Im not using nodejs to compile my stylus file anymore, instead im using gulp. 我不再使用nodejs来编译我的手写笔文件,而是使用gulp。
Posting my file here, with steps, it might be helpful for someone-else. 在这里发布我的文件,步骤,它可能对其他人有帮助。
Started with installing node modules 开始安装节点模块
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
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);
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']);
run gulp to execute 运行gulp执行
There seem to be a comma missing after src: __dirname + '/public'
. 在src: __dirname + '/public'
之后似乎缺少逗号src: __dirname + '/public'
。
UPDATE UPDATE
You should require and use it like this (first add it to package.json and npm install
): 你应该像这样要求和使用它(首先将它添加到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());
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.