使用yarn create next-app创建Next.js应用时缺少pages目录,恳请帮助
解决Next.js创建项目后无pages目录的问题
核心原因:Next.js 13及以上版本,
yarn create next-app默认启用App Router架构,不再自动生成传统的pages目录,转而使用app目录作为路由体系的核心。两种可行解决方案:
手动创建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共存。创建项目时指定使用Pages Router
若想从头就使用传统的pages目录结构,创建项目时添加--experimental-app false参数:yarn create next-app --experimental-app false生成的项目会直接包含完整的
pages目录,与旧版Next.js项目结构一致。
内容的提问来源于stack exchange,提问作者BBG BBG
相关产品推荐
相关产品推荐

