typescriptngx-leaflet

Can't bind to 'leafletOptions' since it isn't a known property of 'div'

I know this is an issue that comes up here often and is fixed by fixing import statements. I currently have 

import { LeafletModule } from 'node_modules/@asymmetrik/ngx-leaflet';
import * as L from 'leaflet';
import { } from '@types/leaflet';

I am referencing options and as such:

options = {
    layers: [
        this.googleHybrid
    ],
    zoom: 1.49,
    zoomSnap: 0,
    center: L.latLng([180, -180])}

I feel like I am running into this issue because of importing everything from leaflet as L. Any thoughts?

Edit: I should also add that this is only coming up in testing.

Solution

  • I fixed it. I didn't add the proper imports to my test configuration file for the parent component. All good now!