客户。watchQuery不能被称为与fetchPolicy设定为"待命"--错误页上载useLazyQuery

0

的问题

我有一页写入在多伦多证券交易,不断崩溃的问题载有错误 client.watchQuery cannot be called with fetchPolicy set to "standby"即使查询问题是useLazyQuery(因此它还没有运行尚)的,并具有选择 fetchPolicy: 'no-cache'. 它崩溃,对我来说,但不是为我的队友,这让我觉得它可能有什么要做的包装版本的也许我的地方稿,但是我已经设置并重新设定它的每个方面我可以认为没有改善。 相关代码和封装。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"
  },
3
1

我有一个类似的问题。 追查到这个问题 useQuery似乎并没有使用defaultOptions在3.5@apollo/client (a依赖的 @apollo/react-hooks).

解决方案,对我来说是降级,通过设置 "@apollo/client": "~3.4.0"package.json 并运行 npm install. 检查你的 package-lock.json 确保你已经更换你的 3.5.x 版本。

2021-11-25 03:34:03
1

@apollo/react-hooks 有一个依赖性的 @apollo-client.

如果你有进口的 useQuery@apollo/react-hooks然后你需要导入 useQuery/useLazyQuery@apollo-client 而不是的 @apollo/react-hooks沿用的版本低于3.5.

2021-11-29 19:47:41
1

我走遍了因特网对这一错误在建立与现有的反应的应用程序,使用 nwb 最后跌倒在这。 在我的情况, apollo client 版本3.0.2. 更新我的包裹。json "@apollo/client": "~3.4.0" 并重新运行 npm i 最后做的伎俩。 谢谢你@GratefulGuest!

2021-11-29 18:26:57

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................