我有一个用tsx编写的页面，它在加载时不断崩溃，并出现错误client.watchQuery cannot be called with fetchPolicy set to "standby"，尽管有问题的查询是useLazyQuery(所以它还没有运行(，并且有选项fetchPolicy: 'no-cache'。它对我来说很崩溃，但对我的队友来说却不是，这让我觉得这可能与我当地字体的包版本有关，但我已经用我能想到的每一种方式设置了又重新设置，没有任何改进。下面是相关的代码和package.json。任何见解都将是美妙的。
// myfile.tsx
const [getRoles] = useLazyQuery(GET_ALL_ACCOUNT_ROLES, {
fetchPolicy: 'no-cache',
onError: (e) => {
console.error(e.message);
showPrompt({ type: 'error', message: 400 });
},
onCompleted: async (data) => {
const {
getAllAccountRoles: { data: res }
} = data;
setAllRoles(res);
}
});
package.json
"dependencies": {
"@apollo/react-hooks": "^4.0.0",
"@aws-amplify/api": "^4.0.13",
"@aws-amplify/auth": "^4.1.3",
"@emotion/react": "^11.4.1",
"@emotion/styled": "^11.3.0",
"@loadable/component": "^5.15.0",
"@mui/icons-material": "^5.1.0",
"@mui/material": "^5.1.0",
"@mui/system": "^5.1.0",
"@reach/router": "^1.3.4",
"@rinxun/custom-questions": "^1.1.2",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"apollo-boost": "^0.4.9",
"apollo-cache-inmemory": "^1.6.6",
"apollo-client": "^2.6.10",
"apollo-link": "^1.2.14",
"apollo-link-context": "^1.0.20",
"apollo-link-http": "^1.5.17",
"aws-appsync-auth-link": "^3.0.6",
"check-equal": "^1.0.7",
"clsx": "^1.1.1",
"dotenv": "^10.0.0",
"env-cmd": "^10.1.0",
"mockjs": "^1.1.0",
"qrcode.react": "^1.0.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-dropzone": "^11.3.4",
"react-scripts": "4.0.3",
"store": "^2.0.12",
"uuid": "^8.3.2"
},
"devDependencies": {
"@storybook/addon-actions": "^6.3.2",
"@storybook/addon-essentials": "^6.3.2",
"@storybook/addon-links": "^6.3.2",
"@storybook/node-logger": "^6.3.2",
"@storybook/preset-create-react-app": "^3.1.7",
"@storybook/react": "^6.3.2",
"@types/aws4": "^1.5.2",
"@types/jest": "^26.0.24",
"@types/loadable__component": "^5.13.4",
"@types/qrcode.react": "^1.0.2",
"@types/react": "^17.0.15",
"@types/react-dom": "^17.0.9",
"@types/uuid": "^8.3.1",
"@typescript-eslint/eslint-plugin": "^4.29.1",
"@typescript-eslint/parser": "^4.29.1",
"aws4": "^1.11.0",
"babel-eslint": "^10.1.0",
"babel-loader": "8.1.0",
"eslint": "^7.32.0",
"eslint-config-react-app": "^6.0.0",
"eslint-plugin-flowtype": "^5.9.0",
"eslint-plugin-import": "^2.24.0",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-react": "^7.24.0",
"eslint-plugin-react-hooks": "^4.2.0",
"graphql": "^15.5.1",
"lint-staged": "^11.1.1",
"prettier": "2.3.2",
"typescript": "^4.3.5",
"web-vitals": "^1.0.1"
},
我也遇到了类似的问题。追溯到useQuery似乎没有在@apollo/client的3.5中使用defaultOptions的问题(@apollo/react-hooks的依赖项(。
对我来说，解决方案是通过在package.json中设置"@apollo/client": "~3.4.0"并运行npm install来降级。检查您的package-lock.json以确保已更换3.5.x版本。
EDIT：注意到该问题显然已在2022年1月11日的3.5.7版中修复(请参阅https://github.com/apollographql/apollo-client/tree/v3.5.7)。因此，与其降级，不如使用此版本或更高版本进行测试。
@apollo/react-hooks具有@apollo-client的依赖项。
如果已从@apollo/react-hooks导入useQuery，则需要从@apollo-client导入useQuery/useLazyQuery，而不是从@apollo/react-hooks导入，以及3.5以下的版本。
在使用nwb的现有react应用程序构建时，我在互联网上搜索了这个错误，最后才发现这个错误。在我的案例中，apollo client的版本是3.0.2。更新我的package.json"@apollo/client": "~3.4.0"并重新运行npm i终于成功了。谢谢@GratefulGuest！