Angular 5 -> Angular 6 Rxjs .map() to .pipe(map())

Question

I have an Angular 5 project which has many modules and hundreds of components. Since RxJs 6 you have to use

someObservable.pipe(map(...))

instead of

someObservable.map(...)

I want to migrate this project from Angular 5 to 6, but dont want to change every occurrence of .map() by hand.

The Angular update side suggests

rxjs-5-to-6-migrate -p src/tsconfig.app.json

for migrating to rxjs 6, but I am afraid that this can't change my code.

Any suggestions on how to save time and change from .map() to .pipe(map()) automatically?

Are you sure the migration command doesn't work for you? I tried it in one of my projects and it did a solid job. The obvious workaround would be to do a find and replace yourself. — enf0rcer
– enf0rcer, Commented May 11, 2018 at 12:44
@enf0rcer If I rerun the command: 'Cannot find any possible migrations'. Did the migrationtool change your code to the new layout? Would be a good clue if the tool is actually capable to do that. — lynxSven
– lynxSven, Commented May 11, 2018 at 12:46
Yes it did, I'm not sure about the map method though. But it surely changed imports and stuff like that. — enf0rcer
– enf0rcer, Commented May 11, 2018 at 12:49
I checked it for you, the GitHub page mentions it is able to help you out "to some extent": github.com/ReactiveX/rxjs/blob/master/MIGRATION.md — enf0rcer
– enf0rcer, Commented May 11, 2018 at 12:54
@David Bulté's answer should work, but first you have to revert changes made with initial running of the command. I needed to do the same and it worked for me perfectly. — Konto
– Konto, Commented Jul 12, 2018 at 21:12

David Bulté · Accepted Answer · 2018-06-14 08:39:23Z

5

Maybe this can help?

I followed all steps in https://update.angular.io/, but somehow at the end of chain I had the same problem you have: all my rxjs imports were changed, but the operators hadn't been changed to pipeable operators.

Then I noticed that the rxjs-compat package hadn't been installed (due to https://github.com/angular/angular-cli/issues/10631?). After installing rxjs-compat manually (npm install rxjs-compat --save) and running rxjs-5-to-6-migrate -p src/tsconfig.app.json again, the pipes appeared!

answered Jun 14, 2018 at 8:39

David Bulté

3,1094 gold badges34 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lynxSven Over a year ago

Hmm no doesn't work for me. My map function still stay the same. The command executes and returns "Cannot find any possible migrations"

Collectives™ on Stack Overflow

Angular 5 -> Angular 6 Rxjs .map() to .pipe(map())

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related