I am experiencing an issue with loading Flexmonster icons in my application when deployed to other application. The issue does not occur in my local development environment.
When I include flexmonster.min.css
in the bundle and reference the icons (using the @font-face
rule in my CSS), everything works fine locally, and the icons load without any issues. However, when I use the application as bundle to other app, I get a "path not found" error for the icon font files (.woff
, .ttf
) referenced in the CSS.
Hello,
Thank you for contacting us.
There are no specific configuration steps needed for serving assets except making sure that flexmonster.min.css
, flexmonster-icons.ttf
and flexmonster-icons.woff
files are included in the bundle.
You are welcome to contact us if other questions arise.
Kind regards,
Nadia
Hi, still facing same issue, attached screenshot for reference.
Bundle.js is my component which contains assets folder as well.
I am using this other application, which shows following error.
Please help.
Hello,
Thank you for the response.
We noticed that you are using the older version of Flexmonster (v.2.8.19). Therefore, we recommend updating Flexmonster to the latest version. Please check the following guide for reference: Updating to the latest version. Also, it is important to check the migration guide: Migration guide from 2.8 to 2.9.
If updating to the latest version does not resolve the issue, could you please share the relevant bundler configuration files with us? It would greatly help us.
Looking forward to hearing from you.
Kind regards,
Nadia