阿波罗3号使用查询和使用突变导致Gatsby Build崩溃

Question

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

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

• 不变量.esm.js:24不变量node_modules/ts-invariant/lib/invariant.esm.js:24:1

• OperationData.js:30突变数据/node_modules/@apollo/client/react/data/OperationData.js.OperationData.refreshClientnode_modules/@apollo/client/react/data/OperationData.js:30:58

• 突变数据js:38突变数据/node_modules/@apollo/client/react/data/MutationData.js.MutationData.executenode_modules/@apollo/client/react/data/MutationData.js:38:45

• useMutation.js:27 useMutationnode_modules/@apollo/client/areact/hooks/useMutation.js:27:1

• ConfirmationButton.js:32 ConfirmationButtonsrc/components/ConfirmationButton.js:32:44

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

我目前已经将我的组件封装在gatsby浏览器文件中的apollo provider中。

任何帮助都将不胜感激。

Answer 1

您需要在gatsby-ssr和浏览器中向Apollo客户端添加同构获取。

Answer 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-插件apollo