Netlify 上的 Gatsby 构建错误 - page-data.json 分页失败 “/”

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-plugin-emotion 在 gatsby-config.js 上的编码方式

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 和 https://github.com/homerchen19/react-water-wave/issues/27。

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

也就是说，尝试使用 React 核心版本（这可能会导致其他错误）（这可能会导致其他错误）或尝试寻找其他替代方案。