title: apollo.watchQuery results in 'ERROR TypeError: Object(...) is not a function'
body: <p>I am currently working on some basic stuff with Angular (5) and GraphQL and I am running into some issues with calling calling the <code>watchQuery</code> method. Once i call the method my component crashes and returns me with the following error: </p>
  
  <p><code>ERROR TypeError: Object(...) is not a function</code></p>
  
  <p>I have searched the web for a solution but i couldn't find a proper one. My environment contains the following libraries:</p>
  
  <ul>
  <li>apollo-angular: ^1.1.0</li>
  <li>apollo-angular-link-http: ^1.1.0</li>
  <li>apollo-cache-inmemory: ^1.2.2</li>
  <li>apollo-client: ^2.3.2</li>
  <li>graphql: ^0.13.2</li>
  <li>graphql-tag: ^2.9.2</li>
  <li>rxjs: ^5.5.6</li>
  </ul>
  
  <p>I have a sharedModule with some of the imports and the link:</p>
  
  <pre><code>export class SharedModule {
    constructor(apollo: Apollo, httpLink: HttpLink) {
      apollo.create({
        link: httpLink.create({uri: 'baseUri/graphql'}),
        cache: new InMemoryCache()
      });
    }
  }
  </code></pre>
  
  <p>And i have the following code inside my list component:</p>
  
  <pre><code>getMovies() {
    this.movies = this.apollo.watchQuery&lt;Query&gt;({    // &lt;= where my error occurs
      query: gql`
        query {
          movies {
            id
            title
            genres
          }
        }
      `
    })
      .valueChanges
      .pipe(map((result) =&gt; result.data.movies));
  }
  </code></pre>
  
  <p>the complete error contains the following lines up to my code:</p>
  
  <pre><code>ERROR TypeError: Object(...) is not a function
     at new QueryRef (QueryRef.js:6)
     at ApolloBase.watchQuery (Apollo.js:30)
     at MovieListComponent.getMovies (movie-list.component.ts:37)
     at MovieListComponent.ngOnInit (movie-list.component.ts:29)
  </code></pre>
  
  <p>If anyone has suggestions or questions, please let me know. </p>