[JavaScript] TypeError: Cannot set property '~~~' of undefined とは

Question

JavaScript 初心者です。

下記エラーが表示されていますが、
エラー対応をググりましたが、初心者なためどこが根本的原因なのか分かりませんでした。
確認すべき箇所をご指摘頂けますと幸いです。

[出力されているエラー]
throw er; // Unhandled 'error' event
TypeError: Cannot set property 'products' of undefined
エラーの該当行

     res.locals.data.products = foundProducts

TypeErrorとなっているファイル↓

const Product = require('../models/product')
const dataController = {
  index(req, res, next){
      Product.find({}, (err, foundProducts) => {
        if(err){
          res.status(404).send({
            msg: err.message
          })
        } else {
          res.locals.data.products = foundProducts
          next()
        }
      })
  },
  show(req, res, next){
    Product.findById(req.params.id, (err, foundProduct) => {
      if(err){
        res.status(404).send({
          msg: err.message
        })
      } else {
        res.locals.data.product = foundProduct;
        next();
      }
    })
  },
  create(req, res, next){
    Product.create(req.body, (err, createdProduct) => {
      if(err){
        res.status(404).send({
          msg: err.message
        })
      } else {
        res.locals.data.product = createdProduct;
        next();
      }
    })
  },
  buy(req, res, next){
      Product.findByIdAndUpdate(req.params.id, { $inc: {qty: -1} }, (err, updatedQty)=>{
        if(err){
          res.status(404).send({
            msg: err.message
          })
        } else {
          res.locals.data.qty = updatedQty;
          next()
        }
      })
    },
  destroy(req, res, next){
    Product.findByIdAndDelete(req.params.id, (err, deletedProduct) => {
      if(err){
        res.status(404).send({
          msg: err.message
        })
      } else {
        res.locals.data.product = deletedProduct;
        next();
      }
    })
  },
  update(req, res, next){
    Product.findByIdAndUpdate(req.params.id, req.body, { new: true}, (err, updateProduct) => {
      if(err){
        res.status(404).send({
          msg: err.message
        })
      } else {
        res.locals.data.product = updateProduct;
        next();
      }
    })
  }
}

module.exports = dataController;

Answer 1

res.locals.data.products = foundProducts

res.locals.dataがundefinedであるということです。
元をたどってデバッグしてください。

Comments

[hiro_ike]

server.js に下記がありませんでした。ありがとうございました！！
app.use((req, res, next) => {
res.locals.data = {}
next()
});

Answer 2

'products'というプロパティは存在しない、とおっしゃってます
それがきちんとあるのか、スペル間違ってないか確認してみては

Comments

[itagagaki]

ちょっと違います。
おっしゃっているのは、undefinedのproductsプロパティをセットできない、です。
なのでproductsプロパティが存在しないのが問題なのではなくて、そもそもres.locals.dataがundefinedなのが問題なのです。