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
相关产品推荐
相关产品推荐

