在将文件移动到Next.js的src/pages文件夹中时,自定义_app和_document被忽略。

10
Next.js文档说明,src/pages目录是替代/pages的一个选择。然而,当页面文件夹移动到src下时,我的自定义_app.tsx_document.tsx文件会被忽略。
您可以通过创建一个空的Next.js应用程序,将页面文件夹移动到src中,并更新css文件的导入路径来重现此问题。对于index.tsx文件的内容仍将呈现,但对_app.tsx中导入的styles/globals.css进行的修改将不起作用。
无法同时在src内部和外部拥有页面文件夹,因此阻止了我在需要修改_app.tsx_document.tsx的任何应用程序中使用src/pages。我是否漏掉了文档的重要部分,或者这正常工作?

15
尝试删除.next文件夹并重新启动开发服务器。 - juliomalves
2
删除操作成功! - Extreme Geek
1
如果删除此文件夹仍然无法解决问题,可能是您启用了pageExtensions功能。尝试将_app.tsx重命名为_app.page.tsx,将_document.tsx重命名为_document.page.tsx - Trọng Nguyễn Công
1
@juliomalves,您能否把您的评论以回答的形式发布吗?这个问题已经悬而未决太久了。 - machineghost
1个回答

19

更改项目文件夹结构或添加新的_app/_document文件有时会导致缓存问题。

删除.next文件夹并重新启动开发服务器,以确保 Next.js 完成的任何缓存不会妨碍您的工作。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接