错误路径未定义引用错误:路径未定义盖茨比节点。js

我希望通过JsonApi从Drupal站点获取数据到盖茨比。
我想呈现特定的内容类型与所有的细节和信息。
我可以使用JsonApi从drupal站点获取文章标题,但现在我想在另一个页面上呈现该文章的图像和信息(内容类型)。所以我用 createPage 方法,但我得到了以下错误:

**ERROR path is not defined ReferenceError: path is not defined - gatsby-node.js:28**

参考链接 here :

我的文件结构

1. 盖茨比节点。js

exports.createPages = async ({ graphql, actions, getNodesByType }) => {
  const { createPage } = actions;

  const allArticles = await graphql(`
  {
    allNodeArticle {
      nodes {
        title
        drupal_internal__nid
        path {
          alias
        }
        relationships {
          field_image {
            uri {
              url
            }
          }
        }
      }
    }
  }
  `);

  allArticles.data.allNodeArticle.nodes.map(async (node) => {
    createPage({
      path: node.path.alias,
      component: path.join(__dirname, '/src/Components/Articledetails.js'),
      context: {
        id: node.drupal_internal__nid,
      }
    })
  });
}

2. 表册js文件

import React from "react";
import { graphql, Link  } from "gatsby"

const listing = ({data}) => {
  return (
          data.allNodeArticle.nodes.map((info) =>
          <div>
              <div>
                  <h2><Link to={"/node/" + info.drupal_internal__nid}>{info.title}</Link></h2>
              </div>
          </div>
          )
  )
}
export const query = graphql`
{
  allNodeArticle {
    nodes {
      title
      drupal_internal__nid
      path {
        alias
      }
      relationships {
        field_image {
          uri {
            url
          }
        }
      }
    }
  }
}
`
export default listing

文件夹/目录结构如屏幕截图所示。