无法用替换读取未定义的属性“isLoggedIn”答案

【问题标题】：Cannot read property 'isLoggedIn' of undefined with replace无法用替换读取未定义的属性“isLoggedIn”
【发布时间】：2021-10-26 07:46:42
【问题描述】：

从较早的帖子中尝试过，因为代码如下，在 app.js 中进行了少量修改。

const path = require('path');

const express = require('express');
const bodyParser = require('body-parser');
const mongoose = require('mongoose');
const session = require('express-session');
const MongoDBStore = require('connect-mongodb-session')(session);
const csrf = require('csurf');
const flash = require('connect-flash');
const multer = require('multer');

const errorController = require('./controllers/error');
const User = require('./models/user');

const MONGODB_URI = 'mongodb+srv://dang007:namco0017@cluster0.wea3a.mongodb.net/shop?authSource=admin&replicaSet=atlas-irduf7-shard-0&readPreference=primary&appname=MongoDB%20Compass&ssl=true';

const app = express();
const store = new MongoDBStore({
  uri: MONGODB_URI,
  collection: 'sessions'
});
const csrfProtection = csrf();

const fileStorage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, 'images');
  },
  filename: (req, file, cb) => {    
    cb(null, new Date().toISOString().replace(/[:]/g, '-') + '-' + file.originalname);
  }
});

const fileFilter = (req, file, cb) => {
  if (
    file.mimetype === 'image/png' ||
    file.mimetype === 'image/jpg' ||
    file.mimetype === 'image/jpeg'
  ) {
    cb(null, true);
  } else {
    cb(null, false);
  }
};

app.set('view engine', 'ejs');
app.set('views', 'views');

const adminRoutes = require('./routes/admin');
const shopRoutes = require('./routes/shop');
const authRoutes = require('./routes/auth');

app.use(bodyParser.urlencoded({ extended: false }));
app.use(
  multer({ storage: fileStorage, fileFilter: fileFilter }).single('image')
);
app.use(express.static(path.join(__dirname, 'public')));
app.use(
  session({
    secret: 'my secret',
    resave: false,
    saveUninitialized: false,
    store: store
  })
);
app.use(csrfProtection);
app.use(flash());

app.use((req, res, next) => {
  res.locals.isAuthenticated = req.session.isLoggedIn;
  res.locals.csrfToken = req.csrfToken();
  next();
});

app.use((req, res, next) => {
  // throw new Error('Sync Dummy');
  if (!req.session.user) {
    return next();
  }
  User.findById(req.session.user._id)
    .then(user => {
      if (!user) {
        return next();
      }
      req.user = user;
      next();
    })
    .catch(err => {
      next(new Error(err));
    });
});

app.use('/admin', adminRoutes);
app.use(shopRoutes);
app.use(authRoutes);

app.get('/500', errorController.get500);

app.use(errorController.get404);

app.use((error, req, res, next) => {
  // res.status(error.httpStatusCode).render(...);
  // res.redirect('/500');
  res.status(500).render('500', {
    pageTitle: 'Error!',
    path: '/500',
    isAuthenticated: req.session.isLoggedIn
  });
});

mongoose
  .connect(MONGODB_URI)
  .then(result => {
    app.listen(3000);
  })
  .catch(err => {
    console.log(err);
  });

上面的代码就是我所做的。

const fileStorage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, 'images');
  },
  filename: (req, file, cb) => {    
    cb(null, new Date().toISOString().replace(/[:]/g, '-') + '-' + file.originalname);
  }
});

与
Cannot read property 'isLoggedIn' of undefined 中提到的.replace(/[:]/g, '-')
它仍然显示 Cannot read property 'isLoggedIn' of undefined 错误。
TypeError: Cannot read property 'isLoggedIn' of undefined at D:\Projects\Node-First-App - mongoDB\app.js:106:34

在isAuthenticated: req.session.isLoggedIn

更新 1：

filename: (req, file, cb) => {    
        cb(null, new Date().toISOString().replace(/[:]/g, '-') + '-' + file.originalname);}

评论此cb(null, new Date().toISOString().replace(/[:]/g, '-') + '-' + file.originalname); 并且不会发生回退。

【问题讨论】：

有 thousands of answered questions 关于错误 "...cannot read...of undefined..." 他们基本上都有相同的答案：找出原因您正在尝试使用undefined 上的属性（在这种情况下，res.session 在res.session.isLoggedIn 中是undefined）。
抱歉，即使使用硬编码的文件名也试过了，但仍然是课程人员从未使用最新代码更新的问题。
@T.J.Crowder 如果我将代码直接复制粘贴到我的中，他的解决方案也会失败。
@TJCrowder 如果我评论 multer({ storage: fileStorage, fileFilter: fileFilter }).single('image') 它不会因为“存储”导致回调问题而返回与文件创建。

标签： javascript node.js express csrf multer

【解决方案1】：

问题是没有文件夹可以上传文件，如下面的代码中所述。

const fileStorage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, 'images');
  },
  filename: (req, file, cb) => {    
    cb(null, new Date().toISOString().replace(/[:]/g, '-') + '-' + file.originalname);
  }
});

培训师忘记提及您现在需要物理文件夹，我们可以使用此中间件在multer 中创建文件夹。

app.use(
  multer({ dest: 'images' }).single('image')
);

他正在使用，但我使用 multer({ storage: fileStorage, fileFilter: fileFilter }).single('image') 认为 storage: fileStorage 正在完全创建文件，但您需要创建任何一个。

multer({ dest: 'images' }).single('image')

或者您可以在storage: fileStorage中提及时指定的路径上创建

【讨论】：