Error in new npx create-next-app@latest project
Unanswered
Glen of Imaal Terrier posted this in #help-forum
Glen of Imaal TerrierOP
> next dev --turbopack
▲ Next.js 15.1.6 (Turbopack)
- Local: http://localhost:3000
- Network: http://192.168.8.109:3000
✓ Starting...
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?