Next.js Discord

Discord Forum

Error in new npx create-next-app@latest project

Unanswered
Glen of Imaal Terrier posted this in #help-forum
Open in Discord
Glen of Imaal TerrierOP
> next dev --turbopack

   ▲ Next.js 15.1.6 (Turbopack)
   - Local:        http://localhost:3000    
   - Network:      http://192.168.8.109:3000Starting...
Slow filesystem detected. If ...
\tobams\.next is a network drive, consider moving it to a local folder. If you have an antivirus enabled, consider excluding your project directory.
 ✓ Ready in 3.2s
 ○ Compiling / ...
 ✓ Compiled / in 5.6s
 GET / 200 in 6564ms
 ✓ Compiled /favicon.ico in 418ms
 GET /favicon.ico?favicon.45db1c09.ico 200 in 1011ms
 ✓ Compiled in 80ms
 ✓ Compiled / in 267ms
 GET / 200 in 493ms
 ⨯ Error: Module [project]/node_modules/next/dist/client/components/error-boundary.js [app-ssr] (ecmascript) was instantiated because it was required from module [project]/node_modules/next/dist/esm/build/templates/app-page.js?page=/page { METADATA_0 => "[project]/src/app/favicon.ico.mjs { IMAGE => \"[project]/src/app/favicon.ico [app-rsc] (static)\" } [app-rsc] (structured image object, ecmascript, Next.js server component)", MODULE_1 => "[project]/src/app/layout.tsx [app-rsc] (ecmascript, Next.js server component)", 
MODULE_2 => "[project]/node_modules/next/dist/client/components/not-found-error.js [app-rsc] (ecmascript, Next.js server component)", ..., but the module factory is not available. It might have been deleted in an HMR update.
...
}


This is literally the only change I've made to the project. I removed the default boilerplate code
import styles from "./page.module.css";

export default function Home() {
  return (
    <div className={styles.page}>
      <main className={styles.main}>
        <p>Hello world</p>
      </main>
      <footer className={styles.footer}>
        <p>footer</p>
      </footer>
    </div>
  );
}

1 Reply

American
Did you figure it out?