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

Next.js中能否将app文件夹移入src,以/src/app替代/app根目录?

在Next.js中/src/app能否作为/app根目录的替代?

确实存在这个限制。在Next.js的App Router模式下,框架默认只识别项目根目录下的/app作为路由根目录,并不支持直接将/src/app替代为App Router的根目录——这和Pages Router时代允许用/src/pages替代根目录/pages的逻辑不同。

如果想要把App Router相关代码放在src目录下,你可以将整个app目录移入src文件夹,然后在项目根目录的next.config.js中配置srcDir: 'src',这样Next.js会将src目录作为项目的根目录进行解析,此时/src/app就会被识别为App Router的根目录。配置示例如下:

/** @type {import('next').NextConfig} */
const nextConfig = {
  srcDir: 'src',
}

module.exports = nextConfig

需要注意的是,设置srcDir后,项目中所有的源码文件(比如components、lib等)都需要放在src目录下,框架会以此为基础解析整个项目的文件结构。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.03 19:31:14