I get missing dependency error when migrating code from angular 7 to 10

Question

I am migrating my project from angular 7 to 10. I have done an import as import { AgmJsMarkerClustererModule } from '@agm/js-marker-clusterer'; When I try to compile the project, I get the following error.

ERROR in The target entry-point "@agm/js-marker-clusterer" has missing dependencies:
- @agm/core/services/google-maps-types

So I tried to install the missing dependency by npm install @agm/core/services/google-maps-types and I end up getting another error

npm ERR! code ENOLOCAL
npm ERR! Could not install from "@agm\core\services\google-maps-types" as it does not contain a  
         package.json file.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Ryan\AppData\Roaming\npm-cache\_logs\2020-09-09T09_07_23_516Z-debug.log

I have angular cli 10.1 installed. Please help

Answer 1

@agm/js-marker-clusterer 已替换为 @agm/markerclusterer

Answer 2

Use v 1.1.0 for agm related dependencies and during install add flag --legacy-peer-deps .

Example: npm i @agm/core@1.1.0 --legacy-peer-deps

Answer 3

I had the same issue. after these two library has the version changed from 3.0.0-beta to 1.1.0

@agm/core
@agm/snazzy-info-window

compiled successfully