Next.js App Router 目前依赖于 Bun 尚未实现的 Node.js API。下面的指南使用 Bun 来初始化项目并安装依赖项,但它使用 Node.js 来运行开发服务器。

使用 create-next-app 初始化 Next.js 应用程序。这会使用 npm 自动安装依赖项。

<span><span>✔ What is your project named? … my-app</span></span>
<span><span>✔ Would you like to use TypeScript with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use ESLint with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use `src/` directory with this project? … No / Yes</span></span>
<span><span>✔ Would you like to use experimental `app/` directory with this project? … No / Yes</span></span>
<span><span>✔ What import alias would you like configured? … @/*</span></span>
<span><span>Creating a new Next.js app in /path/to/my-app.</span></span>

要使用 Bun 启动开发服务器,请从项目根目录运行 bun --bun run dev

要使用 Node.js 运行开发服务器,请省略 --bun

用浏览器打开http://localhost:3000查看结果。您对 (pages/app)/index.tsx 所做的任何更改都将在浏览器中热重新加载。