Next.js Discord

Discord Forum

Lucide React HMR Error

Answered
Scissor-tailed Flycatcher posted this in #help-forum
Open in Discord
Scissor-tailed FlycatcherOP
Error:
## Error Type
Runtime Error

## Error Message
Module [project]/node_modules/lucide-react/dist/esm/icons/audio-waveform.js [app-client] (ecmascript) <export default as AudioWaveform> was instantiated because it was required from module [project]/src/app/ps2-modding-guide/sidebar.tsx [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.


    at <unknown> (src/app/ps2-modding-guide/sidebar.tsx:3:1)
    at Page (src\app\ps2-modding-guide\page.tsx:20:7)

## Code Frame
  1 | "use client";
  2 | import * as React from "react";
> 3 | import {
    | ^
  4 |   AudioWaveform,
  5 |   BookOpen,
  6 |   Bot,

Next.js version: 16.0.10 (Turbopack)
Answered by Scissor-tailed Flycatcher
I fixed it by adding --webpack on package.json's dev script.
View full answer

2 Replies

Scissor-tailed FlycatcherOP
I tried deleting .next and reinstalling node_modules. I am a beginner.
Scissor-tailed FlycatcherOP
I fixed it by adding --webpack on package.json's dev script.
Answer