Question

我正在使用Nextjs创建注释组件以进行服务器端渲染。在开发人员模式下一切正常，但是当我尝试构建优化的产品时，下一个js抱怨

Cannot read property 'byname' of undefined

这是我的组件：

import React from 'react'
import moment from 'moment-timezone'

export default function Comment({comment}) {
    return (
        <div>
            <div>
                <span>{comment.byName}</span>
                <span> {moment(new Date(comment.createdOn)).format('ll')}</span>
            </div>
            {comment.comment}
        </div>
    );
}

这是我在package.json中的脚本

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
},

这是我得到的错误

    > next build

    info  - Loaded env from /Users/aliemami/coco-project/coco/.env
    Creating an optimized production build

    Compiled successfully.

    Automatically optimizing pages .
    Error occurred prerendering page "/community/Comment". Read more: https://err.sh/next.js/prerender-error
    TypeError: Cannot read property 'byname' of undefined,

我有点理解发生了什么，也许Nexjs试图从中创建一个静态页面，但是由于传递给组件的变量而不能，我如何告诉nextjs在每次调用时创建组件？什么是最有效的解决方案？ Next在开发过程中而不是生产过程中如何处理呢？

Answer 1

好的，请仔细阅读文档，似乎组件不能位于pages文件夹下，您必须将所有页面组件移到该文件夹之外。

nextjs抱怨构建期间未定义的读取属性

1 个答案: