web-dev-qa-db-fra.com

typeerror: app.use () requiert une fonction middleware

J'apprends node.js avec un moteur de gabarit express, je suis le cours d'udemy "apprendre node.js en construisant 10 projets", tout en suivant une conférence lorsque le professeur est exécuté npm start localhost:3000 démarre alors que le mien apparaît avec une erreur indiquant app.use requiert une fonction de middleware J'ai essayé de faire correspondre le code et le même. S'il vous plaît, aidez-moi à résoudre le problème. J'ai été bloqué ici pendant des heures et j'ai essayé beaucoup de modifications, mais cela ne fonctionne pas pour moi.

Lorsque j'essaie d'exécuter 'npm start' après l'erreur suivante

TypeError: app.use () requiert des fonctions middleware

Voici le code 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;

Voici le fichier 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": "*"
  }
}

Voici la mise à jour app.js (après la suppression de 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;

Je vous remercie

javascriptnode.jsexpressmean
29
mean learner

Cela a fonctionné de cette façon. supprimer cette ligne,

app.use(multer({ dest: './uploads' }));

et l'utiliser comme,

var multer = require('multer');
var upload = multer({ dest: './uploads' });

Je suis aussi le même cours

54
Hasitha Prageeth

Changement: 

//Handle File Uploads
app.use(multer({
  dest: './uploads'
}));

Pour quelque chose comme:

app.use(multer({dest:'./uploads/'}).single('singleInputFileName'));

ou

app.use(multer({dest:'./uploads/'}).array('multiInputFileName'));

Et soyez conscient d'avoir quelque chose comme:

<form action="/postPhotos" enctype="multipart/form-data">
    <input type="file" name="singleInputFileName">
    <input type="submit" value="Upload photo">
</form>

pour le premier cas, ou:

<form action="/postPhotos" enctype="multipart/form-data">
    <input type="file" name="multiInputFileName" multiple>
    <input type="submit" value="Upload photo">
</form>

Pour le second, dans votre html.

24
Rubén Marrero

Cela a fonctionné avec moi:

app.use(multer({
  dest: path.join(__dirname, 'public/upload/temp')
}).any());
8
AbdulMomen عبدالمؤمن

Je suivais également ce cours et rencontrais le même problème. J'ai résolu l'erreur en suivant les instructions d'utilisation de Multer de leur github: https://github.com/expressjs/multer

Voici le code de leur fichier README:

    var multer  = require('multer')
    var upload = multer({ dest: 'uploads/' })

& voici le code que j'ai utilisé pour surmonter l'erreur en faisant ce tutoriel:

    var multer = require('multer');
    var upload = multer({ dest: './uploads' });

J'espère que ça aide :)

6
MikeLee

vous pouvez simplement utiliser:

app.set(multer({dest: "./uploads"}));

cela fonctionne pour moi aussi.

2
Ashraf

ne change que cette ligne

app.use(multer({dest:'./uploads'}));

à 

var upload =multer({dest:'./uploads'});
0
Edwin Ikechukwu

Remplacement de app.use(multer({dest:'./uploads'}));  

à

var upload = multer({dest:'./uploads'});

a travaillé pour moi.

0
marwari