import clearCache Error

[Pszz]

Uncaught Error: Module not found: Can't resolve 'ahooks/es/clearCache'

Node Version: v18.14.0

// page.tsx
import { clearCache, useRequest } from 'ahooks'

// package.json
"ahooks": "^3.7.8", "next": "latest", "react": "^18.2.0",

// next.config.js
transpilePackages: ['ahooks'],

[liuyib]

The root reason is the modularizeImports config of Next.js, so in ahooks side, we can do nothing.

I have open a PR to resolve it: vercel/next.js#54657, but this still is a temp solution, once ahooks exports a new variable that different with file name, then it will be cause this problem again.

The permanent solution is that Next.js remove ahooks from modularizeImports config, just like this PR: https://github.com/vercel/next.js/pull/58992/files, but I don't think Next.js would agree to that (maybe will), because it will hurt start performance.

---

similar solution: vercel/next.js#53483

---

related issue/pr:

• useResponsive giving error #2263
• Add list of aliased ahooks methods to the transform rules vercel/next.js#54657
• fix: remove antd from default modularizeImports vercel/next.js#58992

[liuyib]

The issue may have already been resolved by: https://github.com/vercel/next.js/pull/59294/files, included in v14.0.4: https://github.com/vercel/next.js/releases/tag/v14.0.4

Is anyone able to try Next.js v14.0.4 to verify this problem? Thank you!