The add command requires to be run in an Angular project, but a project definition could not be found.

ng new graphGL-demo

ng add apollo-angular

const uri = 'https://o5x5jzoo7z.sse.codesandbox.io/graphql';

npm install --save apollo-angular \
  apollo-angular-link-http \
  apollo-link \
  apollo-client \
  apollo-cache-inmemory \
  graphql-tag \
  graphql

ng g component hello-world

rates: any[];
  loading = true;
  error: any;

  constructor(private apollo: Apollo) {}

  ngOnInit() {
    this.apollo
      .watchQuery({
        query: gql`
          {
            rates(currency: "USD") {
              currency
              rate
            }
          }
        `,
      })
      .valueChanges.subscribe((result:any) => {
        this.rates = result.data && result.data.rates;
        this.loading = result.loading;
        this.error = result.error;
      });
  }

<div *ngIf="loading">
Loading...
</div>
<div *ngIf="error">
  Error :(
</div>
<div *ngIf="rates">
  <div *ngFor="let rate of rates">
    <p>{{rate.currency}}: {{rate.rate}}</p>
  </div>
</div>