Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
7 years ago

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

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,

Show and Tell

2 Replies

  • v-viig's avatar
    v-viig
    Community Champion
    7 years ago

    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

    [email protected]

    • CS001's avatar
      CS001
      Regular Visitor
      4 years ago

      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