Icons not visible on build



  • Using a quasar cli generated project that hasn’t any webpack changes, icons don’t display distributed on a remote server.

    When I’m in dev everything runs fine and icons display, but soon as I build and serve the distribution folder on Azure it displays only the icon names. Serving it local with quasar works fine as well.

    Any ideas what might be the problem?
    Thanks


  • Admin

    Check the publicPath in /config/index.js for production. Depends on what mode you use Vue Router on.



  • I’m using hash mode and it’s set as:

    publicPath: ’ ',

    The CSS and JS loads ok but the material icons don’t load. I tried manually using MDI and it loaded ok, just not using the quasar <i> tag formats.



  • Did you resolve this srmcguirt? I was having the same issue but was just I wasnt adding the mimemap in the web.config on Azure.

    <mimeMap fileExtension=“woff” mimeType=“application/font-woff” />


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.