integration of ngx-pinch-zoom with angular 4 error

Question

I am trying to integrate Pinch zoom with my angular 4 app, I am getting this error on the production, running fine in my local machine.

I am very new to angular, any help would be appreciated.

ERROR in Metadata version mismatch for module /home/circleci/www-arthcloud/node_modules/ngx-pinch-zoom/ngx-pinch-zoom.d.ts, found version 4, expected 3
ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/home/circleci/www-arthcloud/src'
 @ ./src/main.ts 3:0-74
 @ multi ./src/main.ts
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Exited with code 1

Answer 1

Use ngx-pinch-zoom version 1.0.0, its work fine with angular 4.

I don't know it is good practise or not but this also solved my problem, edit in the file ngx-pinch-zoom.metadeta.js version:4 to version:3