Ionic icons are not getting cached in PWA

[ratikanta131]

I am trying to do a PWA, when I run the app offline, the back ionic icon is not visible properly. The button is actually a back button but it is showing just a box. forum post

[mhartington]

This is just an issue with them not being in the cache

self.toolbox.precache(
  [
    './build/main.js',
    './build/main.css',
    './build/polyfills.js',
    'index.html',
    'manifest.json',
    'assets/fonts/ionicons.eot',
    'assets/fonts/ionicons.scss',
    'assets/fonts/ionicons.svg'                
    'assets/fonts/ionicons.ttf',                
    'assets/fonts/ionicons.woff',               
    'assets/fonts/ionicons.woff2,              
  ]
);

Adding the fonts to the cache array will make sure they get cached upon request.

[ratikanta131]

Thanks @mhartington, The following code worked for me.

self.toolbox.precache(
[
'./build/main.js',
'./build/main.css',
'./build/polyfills.js',
'index.html',
'manifest.json',
'/assets/fonts/ionicons.eot',
'/assets/fonts/ionicons.scss',
'/assets/fonts/ionicons.svg',
'/assets/fonts/ionicons.ttf',
'/assets/fonts/ionicons.woff',
'/assets/fonts/ionicons.woff2'
]
);