HMR Update Error
Unanswered
Cedar Waxwing posted this in #help-forum
Cedar WaxwingOP
I'm using the latest version of nextjs and I've never had any problems then suddenly this error appears and I discover that I can solve it using --webpack but then webpack also started to give this problem and I tried to delete all the caches .next node_modules bun.lockb etc and nothing changed I also tried to change the version of nextjs but always the same problem
6 Replies
Cedar WaxwingOP
"next": "^16.1.4",
"react": "19.2.3",
"react-dom": "19.2.3",
"react": "19.2.3",
"react-dom": "19.2.3",
Error Type
Runtime Error
Error Message
Module [project]/Desktop/test/src/components/NFT/BuyNFTDialog.tsx [app-client] (ecmascript, next/dynamic entry, async loader) was instantiated because it was required from module [project]/Desktop/test/src/components/NFT/collections/zombie.tsx [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.
Code Frame
21 | const NFTCard = dynamic(() => import('@/components/NFT/card'), { ssr: false });
22 | const NFTDetailDialog = dynamic(() => import('@/components/NFT/DetailDialog'), { ssr: false });
23 | const BuyNFTDialog = dynamic(() => import('@/components/NFT/BuyNFTDialog'), { ssr: false });
| ^
24 |
25 | const ITEMS_PER_PAGE = 30
26 |
Next.js version: 16.1.4 (Turbopack)
Runtime Error
Error Message
Module [project]/Desktop/test/src/components/NFT/BuyNFTDialog.tsx [app-client] (ecmascript, next/dynamic entry, async loader) was instantiated because it was required from module [project]/Desktop/test/src/components/NFT/collections/zombie.tsx [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.
Code Frame
21 | const NFTCard = dynamic(() => import('@/components/NFT/card'), { ssr: false });
22 | const NFTDetailDialog = dynamic(() => import('@/components/NFT/DetailDialog'), { ssr: false });
23 | const BuyNFTDialog = dynamic(() => import('@/components/NFT/BuyNFTDialog'), { ssr: false });
| ^
24 |
25 | const ITEMS_PER_PAGE = 30
26 |
Next.js version: 16.1.4 (Turbopack)
can you show me the logs on
npm run dev?@Sad man can you show me the logs on `npm run dev`?
Cedar WaxwingOP
PS C:\Users\UTENTE\Desktop\SkuuBet\skuubet> npx next dev
⚠ Warning: Next.js inferred your workspace root, but it may not be correct.
We detected multiple lockfiles and selected the directory of C:\Users\UTENTE\package-lock.json as the root directory.
To silence this warning, set
See https://nextjs.org/docs/app/api-reference/config/next-config-js/turbopack#root-directory for more information.
Detected additional lockfiles:
* C:\Users\UTENTE\Desktop\test\bun.lock
▲ Next.js 16.1.4 (Turbopack)
- Local: http://localhost:3000
- Network: http://192.168.1.216:3000
- Environments: .env
- Experiments (use with caution):
· optimizePackageImports
✓ Starting...
⚠ The "middleware" file convention is deprecated. Please use "proxy" instead. Learn more: https://nextjs.org/docs/messages/middleware-to-proxy
✓ Ready in 2000ms
GET /it 200 in 1566ms (compile: 1260ms, proxy.ts: 47ms, render: 260ms)
GET /it 200 in 73ms (compile: 20ms, proxy.ts: 3ms, render: 50ms)
GET /manifest.webmanifest 200 in 129ms (compile: 112ms, render: 17ms)
GET /manifest.webmanifest 200 in 6ms (compile: 1968µs, render: 4ms)
GET /api/nfts?collection=original 200 in 665ms (compile: 89ms, render: 576ms)
GET /api/nfts?collection=original 200 in 204ms (compile: 1671µs, render: 203ms)
⚠ Warning: Next.js inferred your workspace root, but it may not be correct.
We detected multiple lockfiles and selected the directory of C:\Users\UTENTE\package-lock.json as the root directory.
To silence this warning, set
turbopack.root in your Next.js config, or consider removing one of the lockfiles if it's not needed.See https://nextjs.org/docs/app/api-reference/config/next-config-js/turbopack#root-directory for more information.
Detected additional lockfiles:
* C:\Users\UTENTE\Desktop\test\bun.lock
▲ Next.js 16.1.4 (Turbopack)
- Local: http://localhost:3000
- Network: http://192.168.1.216:3000
- Environments: .env
- Experiments (use with caution):
· optimizePackageImports
✓ Starting...
⚠ The "middleware" file convention is deprecated. Please use "proxy" instead. Learn more: https://nextjs.org/docs/messages/middleware-to-proxy
✓ Ready in 2000ms
GET /it 200 in 1566ms (compile: 1260ms, proxy.ts: 47ms, render: 260ms)
GET /it 200 in 73ms (compile: 20ms, proxy.ts: 3ms, render: 50ms)
GET /manifest.webmanifest 200 in 129ms (compile: 112ms, render: 17ms)
GET /manifest.webmanifest 200 in 6ms (compile: 1968µs, render: 4ms)
GET /api/nfts?collection=original 200 in 665ms (compile: 89ms, render: 576ms)
GET /api/nfts?collection=original 200 in 204ms (compile: 1671µs, render: 203ms)