After upgrading to version2 I get a bunch of "Duplicate identifier 'gql'." - how to solve this?

[alexbjorlig]

Afer upgrading to version2, I get a bunch of errors when I try to compile angular:

node_modules/@apollo/client/node_modules/graphql-tag/index.d.ts:14:18 - error TS2300: Duplicate identifier 'gql'.

14   export default gql;
                    ~~~

  node_modules/graphql-tag/index.d.ts:14:18
    14   export default gql;
                        ~~~
    'gql' was also declared here.

and

node_modules/graphql-tag/index.d.ts:14:18 - error TS2300: Duplicate identifier 'gql'.

14   export default gql;

and

  node_modules/@apollo/client/node_modules/graphql-tag/index.d.ts:14:18
    14   export default gql;
                        ~~~
    'gql' was also declared here.

Why is this happening?

My package.json looks like this:

"dependencies": {
    "@21risk/eddyhelp2": "3.1.0",
    "@angular-extensions/elements": "^9.2.0",
    "@angular/animations": "^10.0.1",
    "@angular/cdk": "^10.0.0",
    "@angular/common": "^10.0.1",
    "@angular/compiler": "^10.0.1",
    "@angular/core": "^10.0.1",
    "@angular/flex-layout": "^10.0.0-beta.32",
    "@angular/forms": "^10.0.1",
    "@angular/material": "^10.0.0",
    "@angular/platform-browser": "^10.0.1",
    "@angular/platform-browser-dynamic": "^10.0.1",
    "@angular/platform-server": "^10.0.1",
    "@angular/router": "^10.0.1",
    "@apollo/client": "^3.1.4",
    "@sentry/browser": "^5.19.0",
    "@stripe/stripe-js": "^1.8.0",
    "@webcomponents/custom-elements": "^1.4.1",
    "angular-highcharts": "^9.0.11",
    "apollo-angular": "^2.0.4",
    "array-flat-polyfill": "^1.0.1",
    "auth0-js": "^9.13.2",
    "bowser": "^2.9.0",
    "document-register-element": "^1.7.2",
    "events": "^3.1.0",
    "graphql": "^15.0.0",
    "highcharts": "^7.2.2",
    "intl": "^1.2.5",
    "ng-intercom": "^8.0.2",
    "ngx-build-plus": "^9.0.6",
    "ngx-quill": "^12.0.1",
    "ngx-virtual-scroller": "^4.0.3",
    "powerbi-client": "^2.11.0",
    "proj4": "^2.6.1",
    "quill": "^1.3.7",
    "rxjs": "^6.5.5",
    "subscriptions-transport-ws": "^0.9.18",
    "tslib": "^2.0.0",
    "twemoji": "^12.1.5",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.10.3"
  },

[ki11en]

I had same error.

apollo-angular, since version 2.0 works with its own gql.

ng update apollo-angular replaced all
import gpl from 'graph-tag'
to
import { gql } from 'apollo-angular';

But in my case graphql-codegen adds import gpl from 'graph-tag' to generated file.

after I removed that import all works fine.