Client.watchQuery nu poate fi numit cu fetchPolicy setat la "așteptare" -- Eroare aruncat de pe pagina de încărcare de useLazyQuery

0

Problema

Am o pagină scrisă în tsx care păstrează crashing pe sarcină cu eroare client.watchQuery cannot be called with fetchPolicy set to "standby"chiar dacă interogarea în cauză este useLazyQuery (deci nu a rulat încă), și are opțiunea de fetchPolicy: 'no-cache'. Se avariază pentru mine, dar nu și pentru colegii mei, care mă face să cred că ar putea avea ceva de-a face cu versiuni ale pachetului poate locală mașina de scris, dar am stabilit și re-stabili în fiecare mod posibil, cu nici o îmbunătățire. Codul relevant și pachet.json sunt mai jos. Orice idee ar fi minunat.

// 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

Am avut o problemă similară. Urmărite înapoi la problema useQuery nu pare să utilizați defaultOptions în 3.5 în @apollo/client (o dependență de @apollo/react-hooks).

Solutia pentru mine a fost să downgrade de setare "@apollo/client": "~3.4.0" în package.json și a alerga npm install. Verifica package-lock.json pentru a vă asigura că ați înlocuit 3.5.x versiune.

2021-11-25 03:34:03
1

@apollo/react-hooks are o dependență de @apollo-client.

Dacă ați importat useQuery din @apollo/react-hooks, atunci ai nevoie pentru a importa useQuery/useLazyQuery din @apollo-client în loc de @apollo/react-hooks, împreună cu versiunea mai mică de 3,5.

2021-11-29 19:47:41
1

Am cercetat pe internet pentru această eroare pe un build cu o existente reacționa aplicație care a fost folosind nwb înainte de a în cele din urmă poticnire pe asta. În cazul meu, apollo client versiune 3.0.2. Actualizarea pachetul meu.json "@apollo/client": "~3.4.0" și re funcționare npm i în cele din urmă a făcut truc. Multumesc @GratefulGuest!

2021-11-29 18:26:57

În alte limbi

Această pagină este în alte limbi

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