エクスプレステンプレートエンジンを使用してnode.jsを学習しています。教授が実行するときに講義を受講しながら、udemyコース「10個のプロジェクトを構築してnode.jsを学習します」に従っていますnpm start localhost:3000
は、私のポップアップエラーapp.useにはミドルウェア機能が必要ですが表示されている間に開始します。私はここで何時間も立ち往生しているエラーを解決するために私を助けてください多くの編集を試みましたが、それは私のために機能しません。
エラーがポップアップした後に「npm start」を実行しようとすると
TypeError:app.use()にはミドルウェア関数が必要です
これはapp.jsコードです:
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var expressValidator = require('express-validator');
var cookieParser = require('cookie-parser');
var session = require('express-session');
var passport = require('passport');
var LocalStrategy = require('passport-local').Strategy;
var bodyParser = require('body-parser');
var multer = require('multer');
var flash = require('connect-flash');
var mongo = require('mongodb');
var mongoose = require('mongoose');
var db = mongoose.connection;
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', 'jade');
//Handle File Uploads
app.use(multer({
dest: './uploads'
}));
// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: false
}));
//Handle Express Sessions
app.use(session({
secret: 'secret',
saveUninitialied: true,
resave: true
}));
//Passport
app.use(passport.initialize());
app.use(passport.session());
//Validator
app.use(expressValidator({
errorFormatter: function(param, msg, value) {
var namespace = param.split('.'),
root = namespace.shift(),
formParam = root;
while (namespace.length) {
formParam += '[' + namespace.shift() + ']';
}
return {
param: formParam,
msg: msg,
value: value
};
}
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(flash());
app.use(function(req, res, next) {
res.locals.messages = require('express-messages')(req, res);
next();
});
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;
ここにpackage.jsonファイルがあります
{
"name": "nodeauth",
"version": "1.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.12.4",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.12.4",
"jade": "~1.9.2",
"morgan": "~1.5.3",
"serve-favicon": "~2.2.1",
"mongodb": "*",
"mongoose": "*",
"connect-flash": "*",
"express-validator": "*",
"express-session": "*",
"express-messages": "*",
"passport": "*",
"passport-local": "*",
"passport-http": "*",
"multer": "*"
}
}
App.jsを更新しました(multarを削除した後)
var express = require('express'),
path = require('path'),
favicon = require('serve-favicon'),
logger = require('morgan'),
cookieParser = require('cookie-parser'),
expressValidator = require('express-validator'),
session = require('express-session'),
passport = require('passport'),
LocalStrategy = require('passport-local').Strategy,
bodyParser = require('body-parser'),
flash = require('connect-flash'),
mongo = require('mongodb'),
mongoose = require('mongoose'),
db = mongoose.connection,
routes = require('./routes/index'),
users = require('./routes/users'),
app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
// handle file uploads
//multer delted
// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
// handle express sessions
app.use(session({
secret: 'keyboard cat',
resave: true,
saveUninitialized: true
}));
// passport
app.use(passport.initialize());
app.use(passport.session());
// validator
app.use(expressValidator({
errorFormatter: function(param, msg, value) {
var namespace = param.split('.'),
root = namespace.shift(),
formParam = root;
while(namespace.length) {
formParam += '[' + namespace.shift() + ']';
}
return {
param: formParam,
msg : msg,
value: value
};
}
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
// flash
app.use(flash());
// express messages
app.use(function(req, res, next) {
res.locals.messages = require('express-messages')(req, res);
next();
});
app.get('*', function(req, res, next) {
res.locals.user = req.user || null;
next();
});
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: {}
});
});
//Express server
var http = require('http');
var server = http.createServer(app);
app.get('/', function(req, res) {
res.send("Hello World!");
});
server.listen(3000, 'localhost');
server.on('listening', function() {
console.log('Express server started on port %s at %s', server.address().port, server.address().address);
});
module.exports = app;
ありがとうございました
このように機能しました。 この行を削除し、
app.use(multer({ dest: './uploads' }));
そして、それを使用して、
var multer = require('multer');
var upload = multer({ dest: './uploads' });
私も同じコースに従っています
変化する:
//Handle File Uploads
app.use(multer({
dest: './uploads'
}));
次のようなもの:
app.use(multer({dest:'./uploads/'}).single('singleInputFileName'));
または
app.use(multer({dest:'./uploads/'}).array('multiInputFileName'));
そして、次のようなものがあることに注意してください:
<form action="/postPhotos" enctype="multipart/form-data">
<input type="file" name="singleInputFileName">
<input type="submit" value="Upload photo">
</form>
最初の場合、または:
<form action="/postPhotos" enctype="multipart/form-data">
<input type="file" name="multiInputFileName" multiple>
<input type="submit" value="Upload photo">
</form>
2つ目は、HTMLで。
これは私と一緒に働いた:
app.use(multer({
dest: path.join(__dirname, 'public/upload/temp')
}).any());
私もそのコースをやっていて、同じ問題にぶつかりました。 githubのMulterの使用手順に従ってエラーを解決しました: https://github.com/expressjs/multer
READMEのコードは次のとおりです。
var multer = require('multer')
var upload = multer({ dest: 'uploads/' })
&以下は、そのチュートリアルを実行中にエラーを克服するために使用したコードです。
var multer = require('multer');
var upload = multer({ dest: './uploads' });
それが役に立てば幸い :)
単に使用できます:
app.set(multer({dest: "./uploads"}));
それも私のために働きます。
この行のみを変更する
app.use(multer({dest:'./uploads'}));
に
var upload =multer({dest:'./uploads'});
app.use(multer({dest:'./uploads'}));
の置き換え
に
var upload = multer({dest:'./uploads'});
私のために働いた。