Update to Angular 19 : ERROR -> L is not defined and L2.markerClusterGroup is not a function

[RChrys]

I am encountering two errors when using the ngx-leaflet-markercluster package in my Angular application.

Error 1: Uncaught ReferenceError: L is not defined This error occurs in the global scripts file.

Error 2: TypeError: L2.markerClusterGroup is not a function This error is triggered during the ngOnInit lifecycle hook of LeafletMarkerClusterDirective.

Steps to Reproduce:

• Set up the ngx-leaflet-markercluster package in an Angular project.
• Use the LeafletMarkerClusterDirective in a component.
• Run the application and observe the errors in the console.

Expected Behavior: The application should render the marker clusters without any errors.

Actual Behavior: The application throws the mentioned errors and the marker clusters do not function as expected.

Environment:

Angular Version: 19.0.6
ngx-leaflet-markercluster Version: 19.0.0
Leaflet Version: 1.9.4

If more information is needed, please let me know. Thank you for your help!

[pmiramonteso]

Hola! Consulta, estas usando modulos con angular 19? Creía que eso no era correcto. Tengo el mismo error y estoy averiguando que puede ser. Si lo has solucionado te agradezco la ayuda!

[Yawarzy]

@RChrys Did you manage to find a fix for this?

[Tasades]

We had the same problem, switching Angular to the old build system did the trick for us for now. We are using Angular 17. I don't know if Angular 19 has the old biuld system availabel. This is not a long term solution. We will further investigate.

[bmulder-innoseis]

See also #91, I have the same issue on angular 18. It seems angular 18 and up has never been tested and this project has been abandoned by the original devs.

[pornkilla]

Please try to update your ngx-leaflet-markercluster version to 19.1.0. It was fixed with this commit.

[bmulder-innoseis]

That seems to fix it. I was also able to update to v20 after that.