Express(Node.js)读取JSON报错：Cannot read properties of undefined (reading 'posts')

核心原因 #

报错TypeError: Cannot read properties of undefined (reading 'posts')的本质是data[subreddit]为undefined——也就是说当前请求的subreddit参数在data.json里找不到对应的键。虽然第一个路由能正常运行，但那是因为你测试时用的是存在的subreddit；而第二个路由要么是遇到了不存在的subreddit请求，要么是参数存在大小写/拼写差异（比如data里存的是mightyharvest，但请求路径里是MightyHarvest）。

另外，express.json()和bodyParser.json()是用来解析JSON请求体的，和当前读取本地JSON文件的问题无关，所以加了也解决不了问题。

修复方案 #

1. 添加存在性校验（最关键） #

在访问data[subreddit].posts前，必须先检查data[subreddit]是否存在，避免直接访问undefined的属性：

app.get('/r/:subreddit/:postId/comments', (req, res) => {
    const { subreddit, postId } = req.params
    // 先获取子版块数据，判断是否存在
    const subData = data[subreddit]
    if (!subData) {
        return res.status(404).send('该子版块不存在')
    }
    // 查找对应帖子
    const post = subData.posts.find(post => post.id === parseInt(postId))
    // 同时检查帖子是否存在
    if (!post) {
        return res.status(404).send('该帖子不存在')
    }
    res.render('comments/index', { post })
})

同理，第一个路由也建议加上校验，避免意外报错：

app.get('/r/:subreddit', (req, res) => {
    const { subreddit } = req.params
    const subData = data[subreddit]
    if (!subData) {
        return res.status(404).send('该子版块不存在')
    }
    console.log(subData.posts)
    res.render('subreddit', { sub: subData })
})

2. 统一参数匹配规则 #

如果确定访问的是存在的subreddit仍报错，检查参数大小写是否匹配：比如data里的键是小写，而请求路径里是大写。可以统一转换为小写（或大写）来消除差异：

const subreddit = req.params.subreddit.toLowerCase()
const subData = data[subreddit]

3. 确认data.json结构完整性 #

确保data.json中所有子版块对象都包含posts数组，避免个别子版块缺少该属性导致的报错。

总结 #

这个问题的核心是代码没有处理subreddit不存在的异常情况，添加存在性校验既能解决当前报错，也能让代码更健壮，应对各种异常请求。

内容的提问来源于stack exchange，提问作者sak345