Error: Module not found: Can't resolve '@ant-design/icons/lib/icons/createFromIconfontCN'
Hey!
I have encountered the problem when generating app from https://refine.new
Error: Module not found: Can't resolve '@ant-design/icons/lib/icons/createFromIconfontCN'
config:
- Next.js
- Antd
- Supabase
Machine: mac mini M2
It's pretty weird, dosn't show up when generating app through "npm create refine-app@latest example-app"
First i thought it's some problem with packages versions but it's the same as app from "npm create"
Maybe someone else experience the problem?
refine.new - Open-source enterprise application platform for seriou...
Enterprise-grade, production-ready, and highly scalable web apps in minutes.
11 Replies
Hi @paveleeeee. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. However, based on the information provided, it seems like there might be an issue with the '@ant-design/icons' package. You could try reinstalling it or check if it's correctly imported in your project.
Also, it's worth noting that the
create refine-app command is used to initialize a new refine project with a basic structure and configurations. If you're not encountering the same issue when using this command, it might be related to the specific configuration you're using with Next.js, Antd, and Supabase.
I would recommend checking the official refine documentation (https://refine.dev/docs) and blogs (https://refine.dev/blog) for more information and potential solutions.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@519959713861992448> kapa.ai is still learning and improving, please let us how it did by reacting below
yappiest-sapphire•13mo ago
i tried to upgrade antd/icons, but it's not the thing
if it's possible it would be great to check by someone from refine team. It's possible that is some bug related to my computer etc.
magic-amber•13mo ago
hi, do you have transpilePackages field in nextjs.config ?
if you have. when you remove transpilePackages array. is it work ?
yappiest-sapphire•13mo ago
yes, it starts to work, but layout crashed instead 😮 (screen)
yappiest-sapphire•13mo ago
it looks better (no layout crash) if i comment only
// "@ant-design/pro-layout"
magic-amber•13mo ago
you need to remove only pro-layout to fix issue ? 🤔
yappiest-sapphire•13mo ago
not sure it's fixed, but for first glance looks like working, no crash yet
without explanation i would not say it's fixed
anyway thanks for the response
magic-amber•13mo ago
thanks for the issue
we will look into it
can you send me latest next.config file please for debug
yappiest-sapphire•13mo ago
here you go:
const { i18n } = require("./next-i18next.config");
module.exports = {
i18n,
experimental: {
newNextLinkBehavior: true,
},
transpilePackages: [
"@refinedev/antd",
"@refinedev/inferencer",
"antd",
"@ant-design/pro-components",
// "@ant-design/pro-layout",
"@ant-design/pro-utils",
"@ant-design/pro-provider",
"rc-pagination",
"rc-picker",
],
};magic-amber•13mo ago
thanks 😊