client:download-schema and client:codegen broken

[danjenson]

Command:

./node_modules/apollo/bin/run client:download-schema \
  --header "Authorization: JWT $1" \
  --endpoint http://localhost:8080/graphql \
  schema.json

Outcome:

  ✔ Loading Apollo Project
  ✖ Saving schema to schema.json
    → spurious results.
    Error: Cannot use GraphQLSchema "[object GraphQLSchema]" from another module or realm.

    Ensure that there is only one instance of "graphql" in the node_modules
    directory. If different versions of "graphql" are the dependencies of other
    relied on modules, use "resolutions" to ensure only one version is installed.

    https://yarnpkg.com/en/docs/selective-version-resolutions

    Duplicate "graphql" modules cannot be used at the same time since different
    versions may have different capabilities and behavior. The data from one
    version used in the function from another could produce confusing and
    spurious results.

Command:

./node_modules/apollo/bin/run client:codegen \
  --includes src/gql/index.tsx \
  --endpoint http://localhost:8080/graphql \
  --header "Authorization: JWT $1" \
  --target typescript \
  --outputFlat src/types/gen

Outcome:

  ✔ Loading Apollo Project
  ✖ Generating query files with 'typescript' target
    → spurious results.
    Error: Cannot use GraphQLObjectType "Query" from another module or realm.

    Ensure that there is only one instance of "graphql" in the node_modules
    directory. If different versions of "graphql" are the dependencies of other
    relied on modules, use "resolutions" to ensure only one version is installed.

    https://yarnpkg.com/en/docs/selective-version-resolutions

    Duplicate "graphql" modules cannot be used at the same time since different
    versions may have different capabilities and behavior. The data from one
    version used in the function from another could produce confusing and
    spurious results.

package.json

{
...
  "dependencies": {
    "@apollo/client": "3.4.8",
    "@babel/runtime": "^7.15.3",
    "@hot-loader/react-dom": "^16.8.0",
    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/lab": "^4.0.0-alpha.60",
    "@material-ui/types": "^5.1.0",
    "apollo3-cache-persist": "^0.12.1",
    "axios": "^0.21.1",
    "clean": "^4.0.2",
    "fast-deep-equal": "^3.1.3",
    "fuse.js": "^6.4.6",
    "google-libphonenumber": "^3.2.22",
    "graphiql": "^1.4.2",
    "graphql": "^15.5.0",
    "graphql-tag": "^2.12.5",
    "history": "^5.0.1",
    "material-ui-phone-number": "^2.2.6",
    "react": "^16.8.0",
    "react-copy-to-clipboard": "^5.0.4",
    "react-dom": "^16.8.0",
    "react-dropzone": "^11.3.4",
    "react-hot-loader": "^4.13.0",
    "react-markdown": "^7.0.0",
    "react-router-dom": "^5.2.0",
    "react-syntax-highlighter": "^15.4.4",
    "typeface-roboto": "1.1.13",
    "uuid": "^8.3.2"
  },
  "devDependencies": {
    "@babel/core": "^7.15.0",
    "@babel/plugin-proposal-class-properties": "^7.14.5",
    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
    "@babel/plugin-transform-runtime": "^7.15.0",
    "@babel/preset-env": "^7.15.0",
    "@babel/preset-react": "^7.14.5",
    "@babel/preset-typescript": "^7.15.0",
    "@types/google-libphonenumber": "^7.4.21",
    "@types/graphql": "^14.5.0",
    "@types/jest": "^27.0.1",
    "@types/react": "^17.0.19",
    "@types/react-copy-to-clipboard": "^5.0.1",
    "@types/react-dom": "^17.0.9",
    "@types/react-router-dom": "^5.1.8",
    "@types/react-syntax-highlighter": "^13.5.2",
    "@types/uuid": "^8.3.1",
    "@typescript-eslint/eslint-plugin": "^4.29.2",
    "@typescript-eslint/parser": "^4.29.2",
    "apollo": "^2.33.6",
    "assert": "^2.0.0",
    "babel-loader": "^8.2.2",
    "babel-plugin-graphql-tag": "^3.3.0",
    "babel-plugin-styled-components": "^1.13.2",
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^6.2.0",
    "eslint": "^7.32.0",
    "eslint-config-airbnb-typescript": "^12.3.1",
    "eslint-import-resolver-webpack": "^0.13.1",
    "eslint-plugin-graphql": "^4.0.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",
    "file-loader": "^6.2.0",
    "fork-ts-checker-webpack-plugin": "^6.3.2",
    "html-webpack-plugin": "^5.3.2",
    "mini-css-extract-plugin": "^2.2.0",
    "npm-check-updates": "^11.8.3",
    "process": "^0.11.10",
    "raw-loader": "^4.0.2",
    "terser-webpack-plugin": "^5.1.4",
    "ts-protoc-gen": "^0.15.0",
    "typescript": "^4.3.5",
    "webpack": "^5.51.1",
    "webpack-bundle-analyzer": "^4.4.2",
    "webpack-cli": "^4.8.0",
    "webpack-dev-server": "^4.0.0"
  },
  "resolutions": {
    "graphql": "^15.5.0"
  }
}

Checking for conflicts:

λ npm ls --depth=10 | grep 'graphql@'
│ │ └── graphql@15.5.0 deduped
│ ├── graphql@15.5.0 deduped
│ │ ├── graphql@15.5.0 deduped
├─┬ @types/graphql@14.5.0
│ └── graphql@15.5.0 deduped
│ ├─┬ apollo-graphql@0.9.3
│ │ ├── graphql@15.5.0 deduped
│ │ │ ├── apollo-graphql@0.9.3 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ └── graphql@14.7.0 deduped
│ │ │ │ └── graphql@14.7.0 deduped
│ │ │ │ └── graphql@14.7.0 deduped
│ │ │ └── graphql@14.7.0 deduped
│ │ ├── apollo-graphql@0.9.3 deduped
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ └── graphql@15.5.0 deduped
│ │ ├─┬ graphql@14.7.0
│ │ ├── graphql@15.5.0 deduped
│ ├── graphql@15.5.0 deduped
├─┬ eslint-plugin-graphql@4.0.0
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ ├── graphql@15.5.0 deduped
│ ├── graphql@15.5.0 deduped
│ │ │ └── graphql@15.5.0 deduped
│ │ ├── graphql@15.5.0 deduped
│ ├─┬ codemirror-graphql@1.0.2
│ │ │ │ ├── graphql@15.5.0 deduped
│ │ │ ├── graphql@15.5.0 deduped
│ │ │ └── graphql@15.5.0 deduped
│ │ └── graphql@15.5.0 deduped
│ │ │ └── graphql@15.5.0 deduped
│ │ └── graphql@15.5.0 deduped
│ ├── graphql@15.5.0 deduped
│ ├── graphql@15.5.0 deduped
├── graphql@15.5.0

There are no other versions other than those seemingly required by apollo.

[LouGhys]

Hi, we were stuck on this and was blocking us.

This is what worked for us:

• Pinned apollo to 2.33.4 (version before it broke)
  Then we kept having the "duplicate graphql" warning when running, so we:
• deleted node_modules
• deleted package-lock.json
• installed with "yarn" instead of "npm install"

Switching to yarn worked for us somehow, hope this can help.

[ryepup]

I'm seeing a similar error.

I think my conflicts are due to this dependency tree:

• my app
  • graphql ^15
  • apollo 2.33.8
    • graphql 14.0.2 - 14.2.0 || ^14.3.1 || ^15.0.0
    • apollo-language-server 1.26.6
      • graphql 14.0.2 - 14.2.0 || ^14.3.1 || ^15.0.0
      • @apollographql/graphql-language-service-interface 2.0.2
        • graphql ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 no v15 here

I'm getting 14.7.0 in node_modules/apollo-language-server/node_modules/graphql/. I think it's happening because of this dependency:

apollo-tooling/packages/apollo-language-server/package.json

Line 22 in b2d1432

"@apollographql/graphql-language-service-interface": "^2.0.2",

@apollographql/graphql-language-service-interface seems to have been deprecated in favor of graphql-language-service-interface, based on graphql/graphql-language-service@db62cca

I tried downgrading my graphql to 14.7.0, but that threw a different error:

Error: Cannot find module 'graphql/validation/rules/KnownArgumentNamesRule'
Require stack:
- 
/home/.../my-app/node_modules/@apollo/federation/dist/composition/validate/preNormalization/tagDirective.js
- /home/.../my-app/node_modules/@apollo/federation/dist/composition/validate/preNormalization/index.js
- /home/.../my-app/node_modules/@apollo/federation/dist/composition/validate/index.js
- /home/.../my-app/node_modules/@apollo/federation/dist/composition/composeAndValidate.js
- /home/.../my-app/node_modules/@apollo/federation/dist/composition/index.js
- /home/.../my-app/node_modules/@apollo/federation/dist/index.js
- /home/.../my-app/node_modules/apollo-language-server/lib/providers/schema/file.js
- /home/.../my-app/node_modules/apollo-language-server/lib/providers/schema/index.js
- /home/.../my-app/node_modules/apollo-language-server/lib/project/base.js
- /home/.../my-app/node_modules/apollo-language-server/lib/index.js
- /home/.../my-app/node_modules/apollo/lib/Command.js
- /home/.../my-app/node_modules/apollo/lib/commands/client/download-schema.js
- /home/.../my-app/node_modules/@oclif/config/lib/plugin.js
- /home/.../my-app/node_modules/@oclif/config/lib/config.js
- /home/.../my-app/node_modules/@oclif/config/lib/index.js
- /home/.../my-app/node_modules/@oclif/command/lib/command.js
- /home/.../my-app/node_modules/@oclif/command/lib/index.js
- /home/.../my-app/node_modules/apollo/bin/run
Code: MODULE_NOT_FOUND

I think that error means something in the chain is not actually compatible with graphql 14.x, but is claiming to be. I found a different workaround than @LouGhys:

rm -rf node_modules/apollo-language-server/node_modules/graphql

That's not particularly sustainable, but kept me moving forward with my prototype.

I think the long term fix here is to make apollo-language-server depend on graphql-language-service-interface instead of @apollographql/graphql-language-service-interface

[ryepup]

It looks like #2248 might fix this problem

[ryepup]

I think this issue is essentially a duplicate of #2232