我在我的Next.js项目中遇到了一个问题,我收到错误消息:"您不能有两个并行页面解析到同一路径."它具体引用/(登陆)/页面和/(主)/(路由)/(文档)/页面.我已经查看了Next.js提供的路由组文档,但我仍然不清楚如何有效地解决这个问题.您能提供有关如何解决此错误并确保在我的Next.js应用程序中正确路由的指导吗?

enter image description here

我try 在Next.js 14中定义路由,但遇到了页面的未解析路径.我希望这些路径正确地映射到各自的页面,但实际结果显示未解析的路径.

推荐答案

route groups开始,在解析路径时不考虑包含(...)的文件夹,app/(landing)/page.jsapp/(main)/(routes)/(documents)/page.js将匹配/,就像你拖了app/page.js一样,造成了冲突.

所以你必须决定当请求/时应该呈现哪一个.如果它是app/(landing)/page.js,你应该把app/(main)/(routes)/(documents)/page.js改成app/(main)/(routes)/(documents)/about/page.js,这样它就匹配/about了.

Reactjs相关问答推荐

更新数据时有关CQR和更新UI的问题

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

获取更改后的状态值

使用Next.js和Next-intl重写区域设置

使用experial_useFormState将参数传递给服务器操作

Github 操作失败:发布 NPM 包

警告:遇到两个子元素拥有同一把 keys .键应该是唯一的,以便组件在更新时保持其身份

react :输入失go 焦点,输入一个字符,

组件安装后调用自定义钩子

获取 不能显示为 的后代.错误,但不太确定如何构建我的代码以避免此警告

如何在 React 过滤器中包含价格过滤器逻辑?

如何在 JS 中绘制具有不同笔画宽度的样条线

使用 MuiCssBaseline 在所有 MUI v5 标签上设置边距 0

为什么刷新页面时我的localStorage PET值变成空字符串?

如何禁用 redux-toolkit 的不可序列化值测试警告?

用 scss 覆盖 MUI

无法有条件地更新useEffect中的setState

将 set statehook 函数传递给子路由组件.解构错误

我可以在类组件中使用 useState 挂钩吗?

Cypress 中的 process.env 空对象