title: Integrating apollo-angular V2 with Angular V8
body: <p>I am trying to integrate apollo-angular into my Angular project which uses Angular V8 but getting the following errors:</p>
  <p>The apollo-angular versions im using are the following ones: &quot;@apollo/client&quot;: &quot;^3.4.11&quot;, &quot;apollo-angular&quot;: &quot;^2.6.0&quot;, and &quot;graphql&quot;: &quot;^15.5.3&quot;.</p>
  <p>Also, Wondering if it is actually possible to use those apollo-angular versions with Angular V8 or would I need to upgrade to Angular V10?</p>
  <pre><code>
  38 export type { QueryOptions as PureQueryOptions };
     ~~~~~~
  node_modules/@apollo/client/core/types.d.ts:38:13 - error TS1005: ';' expected.
  
  38 export type { QueryOptions as PureQueryOptions };
                 ~
  node_modules/@apollo/client/utilities/observables/Observable.d.ts:3:1 - error TS1128: Declaration or statement expected.
  
  3 export type { Observer, ObservableSubscription, Subscriber, };
    ~~~~~~
  node_modules/@apollo/client/utilities/observables/Observable.d.ts:3:13 - error TS1005: ';' expected.
  
  3 export type { Observer, ObservableSubscription, Subscriber, };
                ~
  node_modules/@apollo/client/utilities/observables/Observable.d.ts:3:61 - error TS1109: Expression expected.
  
  3 export type { Observer, ObservableSubscription, Subscriber, };
                                                                ~
  node_modules/ts-invariant/lib/invariant.d.ts:6:87 - error TS1144: '{' or ';' expected.
  
  6 export declare function invariant(condition: any, message?: string | number): asserts condition;
                                                                                          ~~~~~~~~~
  
  ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
  i ｢wdm｣: Failed to compile.```
  
  
  ```package.json
  {
    &quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/cdk&quot;: &quot;^8.2.3&quot;,
      &quot;@angular/cli&quot;: &quot;^8.3.26&quot;,
      &quot;@angular/common&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/core&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/forms&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/material&quot;: &quot;^8.2.3&quot;,
      &quot;@angular/platform-browser&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/router&quot;: &quot;^8.2.14&quot;,
      &quot;@apollo/client&quot;: &quot;^3.4.11&quot;,
      &quot;@babel/compat-data&quot;: &quot;7.8.0&quot;,
      &quot;@ng-bootstrap/ng-bootstrap&quot;: &quot;^5.0.0&quot;,
      &quot;@types/jasmine&quot;: &quot;~3.3.8&quot;,
      &quot;@types/node&quot;: &quot;~8.9.4&quot;,
      &quot;angular-cc-library&quot;: &quot;^2.0.1&quot;,
      &quot;angular-disable-browser-back-button&quot;: &quot;^1.0.2&quot;,
      &quot;apollo-angular&quot;: &quot;^2.6.0&quot;,
      &quot;bn-ng-idle&quot;: &quot;^1.0.1&quot;,
      &quot;bootstrap&quot;: &quot;^4.5.0&quot;,
      &quot;bootstrap4-toggle&quot;: &quot;^3.6.1&quot;,
      &quot;cors&quot;: &quot;^2.8.5&quot;,
      &quot;font-awesome&quot;: &quot;^4.7.0&quot;,
      &quot;graphql&quot;: &quot;^15.5.3&quot;,
      &quot;hammerjs&quot;: &quot;^2.0.8&quot;,
      &quot;jquery&quot;: &quot;^3.5.1&quot;,
      &quot;moment-timezone&quot;: &quot;^0.5.31&quot;,
      &quot;ng-bootstrap&quot;: &quot;^1.6.3&quot;,
      &quot;npm&quot;: &quot;^6.14.5&quot;,
      &quot;popper.js&quot;: &quot;^1.16.1&quot;,
      &quot;rxjs&quot;: &quot;~6.4.0&quot;,
      &quot;timers&quot;: &quot;^0.1.1&quot;,
      &quot;tslib&quot;: &quot;^1.13.0&quot;,
      &quot;zone.js&quot;: &quot;~0.9.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;^0.803.24&quot;,
      &quot;@angular/cli&quot;: &quot;^8.3.26&quot;,
      &quot;@angular/compiler&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;^8.2.14&quot;,
      &quot;@angular/language-service&quot;: &quot;^8.2.14&quot;,
      &quot;@types/jasmine&quot;: &quot;~3.3.8&quot;,
      &quot;@types/jasminewd2&quot;: &quot;^2.0.8&quot;,
      &quot;@types/node&quot;: &quot;~8.9.4&quot;,
      &quot;codelyzer&quot;: &quot;^5.2.2&quot;,
      &quot;install&quot;: &quot;^0.13.0&quot;,
      &quot;jasmine-core&quot;: &quot;~3.4.0&quot;,
      &quot;jasmine-spec-reporter&quot;: &quot;~4.2.1&quot;,
      &quot;karma&quot;: &quot;~4.1.0&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;~2.2.0&quot;,
      &quot;karma-coverage-istanbul-reporter&quot;: &quot;~2.0.1&quot;,
      &quot;karma-jasmine&quot;: &quot;~2.0.1&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.4&quot;,
      &quot;npm&quot;: &quot;^6.14.5&quot;,
      &quot;protractor&quot;: &quot;^5.4.4&quot;,
      &quot;ts-node&quot;: &quot;~7.0.0&quot;,
      &quot;tslint&quot;: &quot;~5.15.0&quot;,
      &quot;typescript&quot;: &quot;~3.5.3&quot;
    }
  }
  </code></pre>