Next.js Discord

Discord Forum

Yarn v1 + Next.js 14 + Antd v5

Unanswered
Pacific thread herring posted this in #help-forum
Open in Discord
Pacific thread herringOP
Hey folks!
ChatGPT can't help :/
I am trying to upgrade my app from Next.js 12 to 14.
I have antd v5 and I am using Yarn v1.

when I am trying to "next build" I am getting:
unhandledRejection Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/Users/.../projects/.../services/www/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled' imported from /Users/.../projects/.../services/www/node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js
Did you mean to import "@ant-design/icons-svg/es/asn/CheckCircleFilled.js"?
    at finalizeResolution (node:internal/modules/esm/resolve:274:11)
    at moduleResolve (node:internal/modules/esm/resolve:859:10)
    at defaultResolve (node:internal/modules/esm/resolve:983:11)
    at #cachedDefaultResolve (node:internal/modules/esm/loader:731:20)
    at #resolveAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:767:38)
    at ModuleLoader.resolveSync (node:internal/modules/esm/loader:790:52)
    at #cachedResolveSync (node:internal/modules/esm/loader:750:25)
    at ModuleLoader.getModuleJobForRequire (node:internal/modules/esm/loader:459:50)
    at new ModuleJobSync (node:internal/modules/esm/module_job:392:34)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:432:11) {
  type: 'Error',
  code: 'ERR_MODULE_NOT_FOUND',
  url: 'file:///Users/.../projects/.../services/www/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled'
}
error Command failed with exit code 1.


Any ideas?

3 Replies

tensefrogomar
are the librairies still supported ? in nextjs 14 ?
@tensefrogomar are the librairies still supported ? in nextjs 14 ?
Pacific thread herringOP
not sure, how can I check?
tensefrogomar
Cannot find module '/Users/.../projects/.../services/www/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled'

so he imported it from ( i guess by default)

/Users/.../projects/.../services/www/node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js

then u have error cause its still looking at the old path

code: 'ERR_MODULE_NOT_FOUND',
url: 'file:///Users/.../projects/.../services/www/node_modules/@ant-design/icons-svg/es/asn/CheckCircleFilled'

maybe try that and ask chatgpt, sometimes it need a little help