Stuck on Next version 13.4.12
Unanswered
Birman posted this in #help-forum
BirmanOP
So I have been building a small using next, tailwindui, shadcn and supabase.
I have been using
The specific error is below:
If I go into the above files, the are no errors with any of the imports which suggests they can be found within my node_modules correctly.
There are other errors in the console too, such as:
But again, if I go into that file, there are no errors.
All of my other libraries are update and working fine. It is only when going to the latest version of Next when I get this problem.
I am using pnpm as my package manage incase that makes any difference.
I have been using
next: latest for the most part along with server actions and everything seems to have been going just fine. However, if I upgrade to next: 13.4.13 the application seems to break and I get a lot of errors about missing modules from lucide-react which I believe comes with shadcn.The specific error is below:
// Failed to compile
./node_modules/.pnpm/lucide-react@0.260.0_react@18.2.0/node_modules/lucide-react/dist/cjs/lucide-react.js:2:0
Module not found: Can't resolve '/Users/sedgwickdamien/Development/floop/node_modules/.pnpm/lucide-react@0.260.0_react@18.2.0/node_modules/lucide-react/dist/cjs/icons/check'
https://nextjs.org/docs/messages/module-not-found
Import trace for requested module:
./components/ui/dropdown-menu.tsx
./components/theme-toggle.tsxIf I go into the above files, the are no errors with any of the imports which suggests they can be found within my node_modules correctly.
There are other errors in the console too, such as:
// One of many similar errors within my console.
./components/ui/accordion.tsx
Attempted import error: 'modularize-import-loader?name=ChevronDown&from=default&as=default&join=./icons/chevron-down!lucide-react' does not contain a default export (imported as 'ChevronDown').But again, if I go into that file, there are no errors.
All of my other libraries are update and working fine. It is only when going to the latest version of Next when I get this problem.
I am using pnpm as my package manage incase that makes any difference.
9 Replies
Giant panda
It's a known issue and you just have to wait until Next fixes this.
It is fixed in the canary branch if I am not mistaken and will be released soon: https://github.com/vercel/next.js/pull/53697
BirmanOP
Ah okay. Thank you.
Btw for now, you can fix it by installing
lucide-react@0.263.1It’s the last version that works in 13.4.13
actually 13.4.13 doesn't work with lucide's
icons and createLucideIcon exportswhile probably all icons work, if you use these two exports you still can't use 13.4.13
overall just a very very buggy version
BirmanOP
Awesome thank you.