You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用yarn create next-app创建Next.js应用时缺少pages目录,恳请帮助

解决Next.js创建项目后无pages目录的问题
  • 核心原因:Next.js 13及以上版本,yarn create next-app默认启用App Router架构,不再自动生成传统的pages目录,转而使用app目录作为路由体系的核心。

  • 两种可行解决方案:

    1. 手动创建pages目录(兼容App Router)
      在项目根目录直接新建pages文件夹,按照传统Pages Router规则创建页面即可。比如创建pages/index.js作为首页:

      export default function Home() {
        return <h1>Hello from Pages Router</h1>
      }
      

      Next.js会自动识别pages目录,支持App Router与Pages Router共存。

    2. 创建项目时指定使用Pages Router
      若想从头就使用传统的pages目录结构,创建项目时添加--experimental-app false参数:

      yarn create next-app --experimental-app false
      

      生成的项目会直接包含完整的pages目录,与旧版Next.js项目结构一致。

内容的提问来源于stack exchange,提问作者BBG BBG

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 16:59:51