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?

  • 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.

Log in to reply

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