error in loading leaflet css under pbi-visuals-tools 3.0.x

[Anonymous]

I following the tutorial to migrate to the new visual tool, however when I import css from node_modules I receive the following error:

error in ./node_modules/leaflet/dist/leaflet.css

Module parse failed: Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* required styles */
|
> .leaflet-pane,
| .leaflet-tile,
| .leaflet-marker-icon,

[v-viig]

It seems there's no loader for CSS in PBIVIZ 3.0.x but there's a loader for .less files. You can workaround this issue by creating a less file and importing this file into ts file import "./src/styles.less".

Inside .less file you can use import for css:  @import (less) "node_modules/leaflet/dist/leaflet.css";

This is a temporary workaround. I'll talk to engineering team to address this issue.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

[CS001]

Sir, i tried to import 

@import (less) "node_modules/leaflet/dist/leaflet.css";

in visual.less and  got the error

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

any solution please tell