This issue has been occurring in a project using Next.js. I don't know how to resolve it.
Libraries I'm using:
flexmonster: 2.9.104
next: 15.3.1
antd: ^5.24.9
Start your code hereModule not found: Can't resolve './theme/assets/flexmonster-icons.svg#flexmonster-icons'
./node_modules/flexmonster/flexmonster.css (316:150)
Module not found: Can't resolve './theme/assets/flexmonster-icons.svg#flexmonster-icons' 314 | font-family: "flexmonster-icons"; 315 | src: url("./theme/assets/flexmonster-icons.woff?v2.9.94") format("woff"), url("./theme/assets/flexmonster-icons.ttf?v2.9.94") format("truetype"), url("./theme/assets/flexmonster-icons.svg#flexmonster-icons?v2.9.94") format("svg"); > 316 | font-weight: normal; | ^ 317 | font-style: normal; 318 | } 319 | /* === Do NOT remove and do NOT change .fm-csscheck class === */ https://nextjs.org/docs/messages/module-not-found
Hello, Fernando!
Thank you for writing to us.
We could not reproduce this issue in our sample NextJS project by running the development version (npm start
) or building the project (npm run build
).
The issue is likely related to the way your bundler handles asset paths - specifically, the reference to the icons (flexmonster-icons.svg#flexmonster-icons
) might not be resolved correctly in your environment. We suggest checking our bundler guide for more tips and details: https://www.flexmonster.com/doc/integration-with-module-bundlers/
If you need any further assistance regarding this matter, could you please share your bundler configuration (e.g., webpack.config.js
or next.config.js
) and the build command, so we can try reproducing this error?
Looking forward to hearing your feedback.
Best Regards,
Maksym