Apollo-angular: Angular 6 is out :)

[jycouet]

Hello,

I'm trying to update my application to Angular6, but I have an issue.
Here is what I get when I do a ng update @angular/core

Package "apollo-angular" has an incompatible peer dependency to "rxjs" (requires "^5.0.1", would install "6.1.0").

Could you have a look?
Let me know if you need help :)

[plinionaves]

Hello @jycouet,

I also have a project with apollo-angular, I simply installed this package in my local project:

npm i -S rxjs-compat

Then do this:

npm i -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json

And works fine!

This is necessary until the apollo-angular update your code to work with rxjs@6.

Hugs!

[jycouet]

WoW, that works soooooooooooooooooo well :)
Thanks 🍾 🤙

[plinionaves]

Haha, I'm happy to help my friend!
Big Hug!

[bardiel]

Also, full support for Angular 6 has been in progress for some time now: #580

[jycouet]

Actually, it's going forward and my build is running :)
But I have errors in the browser console:

ERROR TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
    at subscribeTo (subscribeTo.js:41)
    at from (from.js:17)
    at new QueryRef (QueryRef.js:6)
    at Apollo.push../node_modules/apollo-angular/Apollo.js.ApolloBase.watchQuery

Do you have another magic trick?
Thx for your help

[picosam]

@plinionaves keep the free hugs goin' man!

[intellix]

Another issue preventing an upgrade:

Package "apollo-angular-link-http-batch" has an incompatible peer dependency to "@angular/core" (requires "^4.3.0 || ^5.0.0-rc.0",would install "6.0.0")

[wenerme]

@jycouet Have you work this out ? Upgrade today, meet the same problem

[plinionaves]

Hello @jycouet, sorry for the delay...

I'm not sure, but this looks like some code error, you have many watchQueries? I recommend check his, mainly in use of Observable operators.

Tip: can try to search use of "catch" in your code, if you have something like this:

myObservable
   .catch(...

Change to this:

myObservable
   .pipe(
       catchError(err => /* do something */)
    )

Do the test.

Hug!

[frederik]

@jycouet this seems to be related to #545 (which also references #580). The workaround that is mentionend there, did fix the invalid object error.

[wenerme]

when will #580 get released ?

[frederik]

The milestone states May 12th, though there is still quite a lot open - @kamilkisiela can probably tell best.

[wenerme]

😢 we have to disable all apollo apis to let project running, so sad.

[jycouet]

545 worked well for me 👍

Tmp fix is nice, waiting for @kamilkisiela ;)

[kamilkisiela]

An update https://github.com/apollographql/apollo-angular/pull/580#issuecomment-387744110

[bardiel]

Thank you so much for keeping us posted @kamilkisiela !

[kamilkisiela]

You can now yarn add apollo-angular@next, later today I'll release a stable version.