Ionic 4.0.0 + Vue ionicons sometimes not showing

[lassesteffen]

Bug Report

Ionic version:

[x] 4.x in combination with @ionic/vue

Current behavior:

On some pages some icons are not loaded even though correctly defined. Sometimes all the icons are shown, sometimes only a subset. This image for example misses the arrow-back icon in the top left and the "images" icon next to 'Galerie'

This is the DOM-tree that is created, as you can see it is showing the svg for the camera icon but not for the images icon. I have not idea whats going on.

Expected behavior:

I want to see all icons.

Steps to reproduce:

Related code:
The code for creating the action sheet.

showAddImageActionSheet() {
      this.$ionic.actionSheetController
        .create({
          header: this.$t('order.referencePhotos.actionSheet.header'),
          buttons: [
            {
              text: this.$t('order.referencePhotos.actionSheet.openCamera'),
              icon: 'camera',
              handler: () => {
                this.getPictureFromCamera();
              },
            }, {
              text: this.$t('order.referencePhotos.actionSheet.openGallery'),
              icon: 'images',
              handler: () => {
                this.getPictureFromGallery();
              },
            }, {
              text: this.$t('buttons.cancel'),
              icon: 'close',
              role: 'cancel',
            },
          ],
        })
        .then(a => a.present());
    },

If you need me to, I can try to provide you with a sample application, via GitHub let me know!

[jachno]

I am getting the same issue, I find that if I run it in the browser emulator, on multiple refreshes it will have different behaviours

[lassesteffen]

I solved the problem by fully using (@modus/ionic-vue)[https://github.com/ModusCreateOrg/ionic-vue]. And updating to the latest version. Maybe this commit fixed it ModusCreateOrg/ionic-vue@31aeb92, it mentions streamlining the ionicons import

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.