Gatsby / GraphQL - 从外部 API 获取数据。设置 gatsby-node.js 但 SyntaxError: Unexpected token 'export'

【问题标题】：Gatsby / GraphQL - Sourcing data from external API. Setup gatsby-node.js but SyntaxError: Unexpected token 'export'Gatsby / GraphQL - 从外部 API 获取数据。设置 gatsby-node.js 但 SyntaxError: Unexpected token 'export'
【发布时间】：2021-11-08 20:35:35
【问题描述】：

试图从 API 获取数据，以便从 gatsby 查询该数据并显示它，但是 ????‍????️

盖茨比开发

SyntaxError: Unexpected token 'export'

何时：

./gatsby-node.js

sync function fetchWinesAndTurnIntoNodes() {
    const res = await fetch('https://api.sampleapis.com/wines/reds');
    const wines = await res.json();
    console.log(wines)
}



export async function sourceNodes(params) {
    await Promise.all([await fetchWinesAndTurnIntoNodes(params)]);
}

【问题讨论】：

标签： graphql fetch gatsby

【解决方案1】：

"我们要运行的命令叫做 gatsby build。但是因为我们想在 gatsby 中使用 es 模块，所以我们使用了一个名为 esm 的包。要求它的一种方法是将 NODE_OPTIONS 环境变量设置为 -r esm。最后，为了让 Windows 用户可以使用，我们使用了 cross-env 包。希望一旦 Node es 模块稳定，我们可以将其带回简单的 gatsby 构建“Wes Bos”。

所以，安装

npm i esm -D
npm i cross-env -D

然后添加到脚本 ./package.json

"start": "cross-env NODE_OPTIONS=\"-r esm\" gatsby develop",
"build": "cross-env NODE_OPTIONS=\"-r esm\" gatsby build",

解决了！ ?

【讨论】：