Module can only be default-imported using the 'allowSyntheticDefaultImports' flag about ngx-maplibre-gl HOT 9 CLOSED

Not sure what's needed here.
If you think this should be part of the docs please create a PR.
Point is a maplibre-gl-js dependency that can't be removed and export as default (the "old way").

from ngx-maplibre-gl.

I am facing the same problem after following the exact documentation of ngx-maplibre-gl.
Any solution for this?

from ngx-maplibre-gl.

See the following example (missing css though):
https://stackblitz.com/edit/angular-ivy-fpge8r?file=src%2Findex.html

from ngx-maplibre-gl.

@Ste-denko, @damian-kociszewski isn't adding allowSyntheticDefaultImports to tsconfig.json solves this?

from ngx-maplibre-gl.

Adding allowSyntheticDefaultImports to tsconfig.json fixes it.

@HarelM could you provide some background info about this.
What is the parameter allowSyntheticDefaultImports for?
To which value should it be set in the tsconfig.json (true/false)?

from ngx-maplibre-gl.

It's worth reading this in the typescript manual as I might not explain it very good.
The bottom line is that the geomerty-point is exported in a way that requires this flag and the typings for the geomerty-point honors that type of export.
This package is used in the maplibre-gl package which is also needed in order to work with this package.
I hope this explain this well enough, but if not I advise to read about this flag in the manual...

from ngx-maplibre-gl.

@HarelM thank you.
For me this is fixed now and could be closed.

from ngx-maplibre-gl.

Hi @HarelM

Please update the doc too. I was not able to find this on the readme: https://github.com/maplibre/ngx-maplibre-gl

This works for me:

tsconfig.json

 "angularCompilerOptions": {
   ...
    "allowSyntheticDefaultImports": true
  }

from ngx-maplibre-gl.

@Sampath-Lokuge feel free to open a PR to improve the docs.

from ngx-maplibre-gl.