TypeError：无法使用 Express 读取 Node js 中未定义的属性“名称”

Question

我正在使用本地 .json 文件作为我的小型 Web 应用程序的数据库。它可以正常工作，我可以从中检索数据，但是当我查看控制台时，我看到错误 TypeError: Cannot read property 'name' of undefined... 每次出现两次。错误不一致，我无法正确复制它，我不明白是什么原因造成的。

JSON

{
  "Faction1": {
    "name": "Lorem Ipsum",
    "id": "lorem-ipsum",
    "content": {
      "colors": {
        "col1": "red",
        "col2": "white",
        "col3": "grey"
      }
    }
  }
}

App.js

    //jshint esversion:6
    const express = require("express");
    const bodyParser = require('body-parser');
    const favicon = require('serve-favicon');

    const app = express();

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

    app.use(favicon(__dirname + '/public/favicon.ico'));

    app.use(bodyParser.urlencoded({ extended: true }));

    app.use(express.static(__dirname + '/public'));

    app.use('/scripts', express.static( __dirname + '/node_modules/'));


    const factionsDb = require(__dirname + '/views/data/factions.json');

    JSON.stringify(factionsDb);

    // -------------------------------------------------------------------------- //

    app.get('/', (req, res) => {
      res.render('pages/index', {
      pageTitle: "App Name"
      });
    });


    app.get('/factions', (req, res) => {
      res.render('pages/product-list', {
        parentPage: "'/'",
        pageTitle: "Factions",
        section: "factions",
        productsList: factionsDb
      });
    });

    app.get('/factions/:productId', (req, res) => {
      let requestedProductId = req.params.productId;

      let selectedProduct = Object.values(factionsDb).find(product => Object.values(product).includes(requestedProductId));

      res.render('pages/product-details', {
        parentPage: "'../factions'",
        pageTitle: selectedProduct.name,
        section: "factions",
        product: selectedProduct
      });
    })

    app.listen(3000, function(){
      console.log("Server started on port 3000");
    });

    // -------------------------------------------------------------------------- //

    app.use(function (req, res) {
        res.status(404).render('pages/404', {parentPage: "'/'", pageTitle: ""},
      );
    });

Answer 1

如果您选择不存在的产品，那么selectedProduct 将是undefined：

let selectedProduct = Object.values(factionsDb).find(product => Object.values(product).includes(requestedProductId));

然后您尝试设置以下pageTitle: selectedProduct.name,，它进入selectedProduct 变量并尝试在其中找到对象name。由于 selectedProduct 未定义，因此会引发您提到的错误。

你应该可以通过一些废话:productId调用URL来模拟它，即/factions/nonexistingfaction

Answer 2

需要通过查找功能检查是否有匹配的项目。

`let selectedProduct = Object.values(factionsDb).find(product => Object.values(product).includes(requestedProductId));

如果没有匹配的项目，它会返回 undefined 所以尝试检查 selectedProduct。

下面我更新了pageTitle部分。

  res.render('pages/product-details', {
    parentPage: "'../factions'",
    pageTitle: (selectedProduct && selectedProduct !== undefined)?  selectedProduct.name : '',
    section: "factions",
    product: selectedProduct
  });

同步：

var fs = require('fs');
var obj = JSON.parse(fs.readFileSync('file', 'utf8'));

异步：

var fs = require('fs');
var obj;
fs.readFile('file', 'utf8', function (err, data) {
  if (err) throw err;
  obj = JSON.parse(data);
});