Question

我正在尝试使用Gatsby从JSON数据创建多个HTML页面

我试图弄清楚如何使用gatsby-node.js

gatsby develop→确定
gatsby build→失败

这是我的gatsby-node.js，它坏了

const path = require("path")

const quotesList = path.resolve("src/constants/quotesList")
const Quotes = path.resolve(`src/components/Quotes`)

exports.createPages = ({ actions }) => {
  const { createPage } = actions

  return new Promise(
    resolve => {
      resolve(
        quotesList.forEach(
          (quote, id) => {
            createPage(
              {
                path: `/quotes/${id}`,
                component: Quotes,
              },
            )
          },
        ),
      )
    },
  )
    .catch(
      e => console.error("Fail createPages", e),
    )
}

以

结尾

WebpackError：不断违反：最小化React错误＃61；请访问https://reactjs.org/docs/error-decoder.html?invariant=61获取完整的消息，或使用非最小化的dev环境获取完整的错误和其他有用的警告。

我应该如何更改它以便能够加载JSON数据并从中生成多个页面（大约一百个）？

Answer 1

问题是dangerouslySetInnerHTML道具的格式不正确

盖茨比：从JSON创建多个页面

1 个答案: