[Solved] Q-Icon not working as intended

  • NOTE: Resolved (See below)
    Implemented a sidebar with the Q-Icon close button which is positioned in the top right corner. Unfortunately, the text is only displayed instead of an icon. I’m unsure why this is the case as the syntax seems correct.

    0_1509841407601_Screen Shot 2017-11-05 at 00.22.02.png

    0_1509841463693_Screen Shot 2017-11-05 at 00.23.58.png

    HTML of result:
    0_1509842012880_Screen Shot 2017-11-05 at 00.33.07.png

    Is there anything I am doing obviously wrong? Package.json indicates I am on quasar-framework version: 0.14.7 and using the PWA template.

    Resolved by:
    0_1509895290702_Screen Shot 2017-11-05 at 15.20.21.png
    Uncommenting line 23 in the main.js file then allows icons to be replaced. Thus getting:

    0_1509895429914_Screen Shot 2017-11-05 at 15.23.38.png

  • Any errors in console? Missing import qicon?

  • @max A warning of a package that has been preloaded but not used.

    The resource http://localhost:8080/0.39211501c597dbd5a5e1.hot-update.js was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it wasn’t preloaded for nothing.

    Apart from that there’s nothing.

Log in to reply