Apollo 3 useQuery & useMutation 导致 Gatsby Build 崩溃答案

【问题标题】：Apollo 3 useQuery & useMutation causing Gatsby Build to crashApollo 3 useQuery & useMutation 导致 Gatsby Build 崩溃
【发布时间】：2020-08-10 05:20:51
【问题描述】：

我可以在开发模式下成功运行应用程序，但每当我尝试构建应用程序时，我都会得到一个

10 |     function InvariantError(message) {
11 |         if (message === void 0) { message = genericMessage; }
> 12 |         var _this = _super.call(this, typeof message === "number"
 | ^
13 |             ? genericMessage + ": " + message + " (see 
https://github.com/apollographql/invariant-packages)"
14 |             : message) || this;
15 |         _this.framesToPop = 1;


WebpackError: Invariant Violation: Invariant Violation: 46 (see 
https://github.com/apollographql/invariant-packages)

- invariant.esm.js:12 new InvariantError
node_modules/ts-invariant/lib/invariant.esm.js:12:1

invariant.esm.js:24 不变量 node_modules/ts-invariant/lib/invariant.esm.js:24:1
OperationData.js:30 MutationData../node_modules/@apollo/client/react/data/OperationData.js.OperationData.refreshClient node_modules/@apollo/client/react/data/OperationData.js:30:58
MutationData.js:38 MutationData../node_modules/@apollo/client/react/data/MutationData.js.MutationData.execute node_modules/@apollo/client/react/data/MutationData.js:38:45
useMutation.js:27 useMutation node_modules/@apollo/client/react/hooks/useMutation.js:27:1
ConfirmationButton.js:32 确认按钮 src/components/ConfirmationButton.js:32:44

error 命令失败，退出代码为 1。

我目前已将我的组件包装在 gatsby-browser 文件中的 apollo 提供程序中。

任何帮助将不胜感激。

【问题讨论】：

标签： reactjs graphql react-hooks gatsby apollo-client

【解决方案1】：

你需要在 gatsby ssr 和浏览器中添加 isomorphic-fetch 到 Apollo 客户端。

【讨论】：

你说的很对，我应该留下评论。恐怕手机上的大拇指。然而，它是问题的解决方案。

【解决方案2】：

gatsby-plugin-apollo 帮了我大忙：npm install gatsby-plugin-apollo @apollo/client。

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-apollo',
      options: {
        uri: 'https://example.com/graphql'
      }
    }
  ]
};

https://www.gatsbyjs.com/plugins/gatsby-plugin-apollo/#gatsby-plugin-apollo

【讨论】：