TypeError:无法在 Next.js 中读取 null 属性(读取“默认”)
2022-09-01
18842
之前,当我在从 CMS 渲染一些文章的代码中没有进行任何更改时,我的 Next.js 应用程序就开始抛出
TypeError: Cannot read properties of null (reading 'default')
。
这是完整的日志:
这是我的代码:
import Image from "next/image";
export default function Articles({ articles }) {
return (
<div className="articles">
{articles.map((article) => (
<div className="article" key={article.id}>
<div className="text">
<h2>{article.title}</h2>
<p>{article.content}</p>
</div>
<div className="image">
<Image src={article.image} alt="" height={900} width={900} layout="responsive" />
</div>
</div>
))}
</div>
);
}
1个回答
经过一番研究,我发现了这个 GitHub
讨论
,然后意识到一位同事从我们的 CMS 中删除了我们其中一篇文章的图片。如果您遇到这种情况,解决方案是在检查后呈现
Image
标记,如下所示:
{ article.image ? <Image src={article.image} alt="" height={900} width={900} layout="responsive" /> : null }
Youssouf Oumar
2022-09-01