如何修复 gatsby 中的链接 url 未定义错误？

Question

我正在尝试使用 Gatsby 从解析到的数据自动生成页面，并在 url 生成中不断收到错误。说“未定义”，而不是拉出 slug 数据字符串并将其添加到链接到，代码如下

import * as React from 'react'
import { Link, graphql } from 'gatsby'
import Layout from '../../components/layout'
import Seo from '../../components/seo'

const BlogPage = ({ data }) => {
  return (
    <Layout pageTitle="My Blog Posts">
      {
        data.allMdx.nodes.map(node => (
          <article key={node.id}>
            <h2>
              <Link to={`/blog/${node.frontmatter.slug}`}>
                {node.frontmatter.title}
              </Link>
            </h2>
            <p>Posted: {node.frontmatter.date}</p>
          </article>
        ))
      }
    </Layout>
  )
}

我尝试过重新启动本地主机等，但无论我做什么

<Link to={`/blog/${node.frontmatter.slug}`}> 

最终指向“localhost:8000/blog/undefined/”