由于我需要在NextJS中使用/about
路由,因此我创建了以下文件夹结构:
...
|
pages/
|
├── about/
|
├── index.js
|
├── AboutContent.jsx
其中AboutContent.jsx
只是帮助index.js
完成部分逻辑的组件,问题是AboutContent.jsx
已经变成了一条路由:/about/AboutContent
.如何防止非index.js组件成为路由?
3条答案
按热度按时间siotufzp1#
将其移出
pages
文件夹。pages
文件夹必须只有页面组件,其余组件可以放在src
文件夹中。从
src
文件夹导入AboutContent
s4n0splo2#
您可以将测试文件或组件使用的其他文件放在pages目录中。
https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions
v64noz0r3#
在BETA
Next.js@13.0.x
中,您可以将页面和组件移动到/app
目录,同时将页面组件保留在/pages
目录下。但跨/app
和/pages
目录的路由不应解析为相同的URL路径。这可能会导致生成时异常。我建议您将您的Next.js
升级到最新版本,并将所有页面放在/app
目录中。