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

Question

The Next.js documentation states, that the directory src/pages is an alternative to /pages . However, my custom _app.tsx and _document.tsx files, get ignored when the pages folder is moved into src.

You can recreate this issue yourself, when creating an empty Next.js App, moving the pages folder into src and updating the import paths of the css files. The content of the index.tsx file will still be rendered, but modifications to the styles/globals.css , which is imported in the _app.tsx will have no effect.

It is impossible to have a pages folder inside of src and outside of src at the same time, therefore preventing me to use src/pages in any app which needs a modificaton to the _app.tsx or _document.tsx .

Am I missing an important part of the documentation or does this work as intended?

Answer 1

Changing your project folder structure or adding new _app / _document files can sometimes lead to caching issues.

Delete the .next folder and restart your dev server, to ensure any caching done by Next.js doesn't get in the way.

Answer 2

Really:deliverable:20,000,000,000 Rial IRAN

Seyed ARSHAM ATaSHZaR BankMellat:IR42 0120 0200 0000 8944 1880 20