Netlify 上的 Gatsby 构建错误 - page-data.json failed paged “/”

Question

当我尝试在 netlify 上构建 gatsby 应用程序时，我遇到了这个错误，该错误是由名为 react-water-wave 的第 3 方模块生成的。这是错误

我已经在 gatsby 上实现了空加载器-node.js:

exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {


if (stage === "build-html" || stage === "develop-html") {
    actions.setWebpackConfig({
      module: {
        rules: [
          {
            test: /react-water-wave/,
            use: loaders.null(),
          },
        ],
      },
    })
  }
}

这就是 gatsby-config.js

上 gatsby-plugin-emotion 的编码方式

plugins: [

{resolve: `gatsby-plugin-emotion`,
  options: {
    // Accepts the following options, all of which are defined by `@emotion/babel-plugin` plugin.
    // The values for each key in this example are the defaults the plugin uses.
    sourceMap: true,
    autoLabel: "always",
    labelFormat: `[local]`,
    cssPropOptimization: true,
  }
}]

Answer 1

react-water-wave 似乎已停止，最后一次提交是 3 年前的，据报道在 SSR 和 React 版本期间存在一些不兼容性，因为它是从 https://github.com/homerchen19/react-water-wave/issues/14 and https://github.com/homerchen19/react-water-wave/issues/27.[=12 推断的=]

它似乎不适用于大于 17 的 React 版本。

就是说，尝试使用（降级）React-core 版本（这可能会导致其他错误）或尝试寻找其他选择。

Netlify 上的 Gatsby 构建错误 - page-data.json failed paged “/”

Gatsby Build Error on Netlify - page-data.json failed paged “/”

build

emotion

gatsby

netlify