#node.js #express #stylus
#node.js #экспресс #stylus
Вопрос:
Я пытаюсь использовать nodejs express v4 со stylus, но он выдает ошибку синтаксиса. Пожалуйста, помогите, также вы можете найти мой 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:SitesmeanProjectnode_modulesexp
resslibexpress.js:89:13)
at Object.<anonymous> (C:SitesmeanProjectserver.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);
Ответ №1:
@thyforhtian да, вы были правы, мой код устарел.
Я исправил это. Я больше не использую nodejs для компиляции моего файла stylus, вместо этого я использую gulp.
Размещение моего файла здесь с пошаговыми инструкциями может быть полезно для кого-то еще.
Скомпилируйте файлы stylus с помощью gulp watch. И код для js-файла express server
Началось с установки модулей узла
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 для выполнения
Комментарии:
1. Я рад, что вы это поняли. Gulp или Grunt — это определенно правильный путь.
Ответ №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());
Комментарии:
1. Вы используете Express v4, а ваш код предназначен для Express v3. Ошибка, о которой вы узнали, связана с express.logger. Express v4 больше не использует промежуточное программное обеспечение connect. Вы должны добавить его (регистратор) в зависимости проекта. Вызывается пакет для регистратора
morgan
. Здесь у вас есть отличное руководство по обновлению с express 3 до 4.2. @STEEL Я включил пример в обновление моего ответа.